@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  /* Core Palette – Deep, premium dark theme */
  --ink:        #06090F;
  --ink-2:      #0D1117;
  --ink-3:      #161B22;
  --line:       rgba(255, 255, 255, 0.08);
  --line-bright:rgba(255, 255, 255, 0.15);
  
  /* Accent – Cyan glow system */
  --cyan:       #00D4B2;
  --cyan-dim:   rgba(0, 212, 178, 0.15);
  --cyan-glow:  rgba(0, 212, 178, 0.25);
  --blue:       #2BC3F4;
  --yellow:     #FFD400;
  --orange:     #FF5A1F;
  --paper:      #FFFFFF;
  --muted:      #8B949E;

  /* Typography – Modern Inter font */
  --font-display: 'Inter', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* Type Scale */
  --text-h1:      clamp(2.5rem, 7vw, 5rem);
  --text-h2:      clamp(1.75rem, 4vw, 3rem);
  --text-h3:      1.25rem;
  --text-body:    1rem;
  --text-eyebrow: 0.75rem;
  
  /* Spacings */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2rem;
  --space-xl:   3rem;
  --space-xxl:  5rem;

  /* Modern radii & transitions */
  --radius:     12px;
  --radius-sm:  8px;
  --radius-lg:  20px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}