/* Little Pathway — tokens v2 (cinematic) */
:root{
  /* brand, sampled from supplied logo */
  --cyan:#18A8F0;
  --sky:#00D8F0;
  --blue:#3078F0;
  --indigo:#3060F0;

  /* cinematic sky stops */
  --night:#0A1730;
  --night-2:#132B52;
  --dawn:#FF9A6B;
  --dawn-2:#FFC26B;
  --day-1:#8FD8F8;
  --day-2:#4FA8EE;

  /* accents */
  --coral:#FF7A6B;
  --sun:#FFC24B;
  --mint:#4FD1A5;
  --lilac:#B69BFF;

  /* ink + paper */
  --ink:#0F1A2E;
  --ink-2:#1C2A44;
  --slate:#55657F;
  --muted:#8B98AC;
  --line:#E6E1D8;
  --paper:#FFFBF5;
  --paper-2:#FBF4E9;
  --white:#FFFFFF;

  --radius-s:10px;
  --radius:16px;
  --radius-l:24px;
  --radius-xl:34px;

  --shadow-s:0 1px 2px rgba(15,26,46,.06),0 2px 8px rgba(15,26,46,.05);
  --shadow:0 12px 32px rgba(15,26,46,.10),0 2px 8px rgba(15,26,46,.05);
  --shadow-l:0 30px 70px rgba(15,26,46,.16);

  --font-display:"Bricolage Grotesque","Space Grotesk",system-ui,sans-serif;
  --font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"Space Mono",ui-monospace,monospace;

  --maxw:1220px;
  --pad:clamp(20px,4vw,46px);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}