/* Camino Prep — design tokens
   Brand direction: energetic & aspirational. "Ascent" (sunrise) palette
   over deep ink, paired with an editorial display serif + a reading-
   optimized sans (Lexend) chosen because it's literally built for
   learners — a deliberate fit for an exam-prep brand. */

:root {
  /* ---- Color: Ink (text / dark surfaces) ---- */
  --ink-950: #060A13;
  --ink-900: #0B1220;
  --ink-800: #141D33;
  --ink-700: #202C49;
  --ink-600: #334163;

  /* ---- Color: Paper (light surfaces) ---- */
  --paper-000: #FFFDFB;
  --paper-050: #FFF8F0;
  --paper-100: #FFF1E2;
  --paper-200: #FCE4CC;

  /* ---- Color: Ascent (primary brand accent — sunrise orange) ---- */
  --ascent-300: #FFA177;
  --ascent-500: #FF6A3D;
  --ascent-600: #E8502A;
  --ascent-700: #C23C1C;

  /* ---- Color: Dawn (secondary accent — gold) ---- */
  --dawn-300: #FFD37A;
  --dawn-500: #FFB627;
  --dawn-600: #E89A0E;

  /* ---- Color: Horizon (cool accent — links, used sparingly) ---- */
  --horizon-400: #6C94F0;
  --horizon-500: #2F6FED;

  /* ---- Color: Signal (success / progress) ---- */
  --signal-500: #1FAA59;

  /* ---- Text & borders on paper ---- */
  --text-900: var(--ink-900);
  --text-600: #4B5566;
  --text-400: #848FA3;
  --border-100: rgba(11, 18, 32, 0.08);
  --border-200: rgba(11, 18, 32, 0.14);

  /* ---- Text & borders on ink ---- */
  --text-on-ink-high: #FFF8F0;
  --text-on-ink-mid: #C7CCDC;
  --text-on-ink-low: #8891A8;
  --border-on-ink: rgba(255, 248, 240, 0.12);

  /* ---- Typography ---- */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;
  --font-body: "Lexend", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-900: clamp(2.75rem, 2rem + 3.2vw, 5.25rem);
  --fs-800: clamp(2.25rem, 1.75rem + 2.2vw, 3.75rem);
  --fs-700: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);
  --fs-600: clamp(1.375rem, 1.25rem + .5vw, 1.75rem);
  --fs-500: 1.25rem;
  --fs-400: 1.0625rem;
  --fs-300: .9375rem;
  --fs-200: .8125rem;

  --lh-tight: 1.05;
  --lh-snug: 1.3;
  --lh-normal: 1.6;

  /* ---- Spacing (8px base) ---- */
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --space-9: 10rem;

  /* ---- Shape ---- */
  --radius-sm: .5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;

  /* ---- Elevation ---- */
  --shadow-sm: 0 2px 8px rgba(11, 18, 32, .08);
  --shadow-md: 0 12px 32px -8px rgba(11, 18, 32, .18);
  --shadow-glow: 0 0 0 1px rgba(255, 106, 61, .28), 0 20px 60px -12px rgba(255, 106, 61, .35);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  --container: 1200px;
}