/* ============================================================
   Design Tokens — single source of truth for the whole system.
   Change a value here and it cascades everywhere.
   ============================================================ */

:root {
  /* ---- Brand & surfaces ---- */
  --navy: #153B73;
  --navy-800: #12315f;
  --navy-700: #1b478a;
  --navy-600: #2456a4;
  --navy-glass: rgba(21, 59, 115, 0.72);

  --canvas: #F4F7FB;
  --surface: #ffffff;
  --surface-muted: #f8fafd;
  --surface-sunken: #eef3fa;

  /* ---- Accents ---- */
  --blue: #2f6fed;
  --blue-strong: #1f5fe0;
  --blue-soft: #e8f0ff;
  --blue-outline: rgba(47, 111, 237, 0.28);

  --green: #12a866;
  --green-strong: #0e9159;
  --green-soft: #e4f7ee;
  --green-outline: rgba(18, 168, 102, 0.30);

  --amber-soft: #fff4e2;
  --amber-text: #b8791f;

  /* ---- Text ---- */
  --ink: #10203a;
  --ink-2: #3c4a63;
  --ink-3: #6b7891;
  --ink-4: #96a0b5;
  --on-navy: #eaf1ff;
  --on-navy-dim: #a9bcdf;

  /* ---- Lines ---- */
  --line: #e4eaf3;
  --line-strong: #d3ddec;

  /* ---- Radii ---- */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-2xl: 26px;
  --r-pill: 999px;

  /* ---- Shadows (soft, no skeuomorphism) ---- */
  --shadow-xs: 0 1px 2px rgba(16, 32, 58, 0.06);
  --shadow-sm: 0 2px 8px rgba(16, 32, 58, 0.06);
  --shadow-md: 0 10px 30px rgba(16, 32, 58, 0.08);
  --shadow-lg: 0 24px 60px rgba(16, 32, 58, 0.14);
  --shadow-focus: 0 0 0 4px var(--blue-outline);
  --shadow-focus-green: 0 0 0 4px var(--green-outline);

  /* ---- Spacing scale ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 72px;

  /* ---- Layout ---- */
  --container: 1200px;
  --header-h: 72px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur: 220ms;
  --dur-slow: 420ms;

  /* ---- Type ---- */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --tnum: "tnum" 1, "lnum" 1;
}