/* ============================================================
   CHINGDON - Design Tokens
   Palette extracted from brand logo:
   - Icon blue:    #0857F5
   - Deep indigo:  #151FA0 / #1C30DB
   - Ink navy:     #0B1220 (wordmark)
   ============================================================ */
:root{
  /* Brand colors */
  --blue-500:#0857F5;
  --blue-600:#0646D1;
  --blue-400:#3E82FF;
  --blue-100:#E7EFFF;
  --indigo-600:#151FA0;
  --indigo-500:#1C30DB;
  --indigo-100:#E9EAFB;

  --ink-950:#070A12;
  --ink-900:#0B1220;
  --ink-800:#101828;
  --ink-700:#1A2436;
  --ink-500:#48556B;
  --ink-400:#697086;
  --ink-300:#9AA3B5;
  --ink-200:#D6DBE6;
  --ink-100:#EDF0F6;
  --ink-50:#F6F8FC;

  --paper:#FFFFFF;
  --paper-soft:#F8FAFD;

  --success:#0F9D58;
  --warning:#B45309;

  /* Gradient signatures used across hero / cta */
  --grad-brand: linear-gradient(120deg, #0857F5 0%, #1C30DB 55%, #151FA0 100%);
  --grad-ink: linear-gradient(160deg, #0B1220 0%, #131C30 60%, #0B1220 100%);
  --grad-soft: linear-gradient(180deg, #F8FAFD 0%, #EDF0F6 100%);

  /* Typography */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

  /* Radii / shadows */
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:32px;
  --shadow-sm: 0 2px 8px rgba(11,18,32,0.06);
  --shadow-md: 0 12px 32px rgba(11,18,32,0.10);
  --shadow-lg: 0 24px 60px rgba(11,18,32,0.16);
  --shadow-brand: 0 16px 40px rgba(8,87,245,0.24);

  /* Layout */
  --container: 1240px;
  --nav-height: 84px;
}