/* ================================================================
   APEX — Tokens (design system variables)
   The single source of truth for every color, space, font-size.
   Change this file and the whole site updates.
   ================================================================ */

:root {
  /* Brand colors */
  --ink: #0A0F1C;
  --ink-soft: #141929;
  --ink-700: #242a3d;
  --orange: #FF5A1F;
  --orange-700: #C23E0E;
  --orange-100: #FFE4D6;
  --paper: #FAFAF7;
  --fog: #F1F2EE;
  --line: #E3E4DF;
  --line-dark: rgba(255,255,255,0.08);
  --graphite: #5B6070;
  --mute: #9AA0AC;
  --success: #16A34A;
  --amber: #F59E0B;
  --red: #DC2626;
  --white: #FFFFFF;

  /* Fonts */
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Fluid type scale */
  --t-display:  clamp(2.75rem, 1.8rem + 4vw, 4.75rem);
  --t-h1:       clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);
  --t-h2:       clamp(1.75rem, 1.3rem + 1.8vw, 2.625rem);
  --t-h3:       clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --t-h4:       1.25rem;
  --t-lg:       1.1875rem;
  --t-body:     1.0625rem;
  --t-sm:       0.9375rem;
  --t-xs:       0.8125rem;
  --t-eyebrow:  0.75rem;

  /* Spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  /* Radius */
  --r-sm: 6px; --r: 10px; --r-lg: 16px; --r-xl: 24px; --r-full: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(10,15,28,.04);
  --shadow: 0 4px 14px rgba(10,15,28,.06);
  --shadow-card-hover: 0 14px 40px -10px rgba(10,15,28,.12);
  --shadow-hero: 0 30px 80px -30px rgba(10,15,28,.35);

  /* Layout */
  --container: 1240px;
  --container-narrow: 880px;
  --container-text: 680px;

  /* Motion */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: 200ms;

  /* Section rhythm */
  --sy: clamp(64px, 8vw, 120px);
  --sy-lg: clamp(80px, 10vw, 160px);
}