/* Design Tokens: Colors, Spacing, Typography, Radius, Shadow */
:root {
  /* Brand Palette */
  --color-brand-primary:#2062ff; /* refreshed primary */
  --color-brand-primary-rgb:32,98,255;
  --color-brand-primary-soft:#2c5aa0; /* legacy reference fallback */
  --color-brand-secondary:#16b2a5;
  --color-brand-accent:#ffb347;
  --color-brand-danger:#dc3545;
  --color-brand-warning:#ffb400;
  --color-brand-success:#1aa160;

  /* Neutral Scale */
  --gray-0:#ffffff;
  --gray-25:#fcfcfd;
  --gray-50:#f8f9fb;
  --gray-100:#f1f3f5;
  --gray-200:#e4e7eb;
  --gray-300:#d0d5dc;
  --gray-400:#adb5bd;
  --gray-500:#88919c;
  --gray-600:#5f6b78;
  --gray-700:#48525d;
  --gray-800:#303840;
  --gray-900:#1d2226;

  /* Elevation / Shadow */
  --shadow-xs:0 1px 2px rgba(0,0,0,.06);
  --shadow-sm:0 2px 4px rgba(0,0,0,.08);
  --shadow-md:0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:0 8px 24px rgba(0,0,0,.12);
  --shadow-inner:inset 0 1px 2px rgba(0,0,0,.08);

  /* Radii */
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

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

  /* Typography */
  --font-sans:'Inter','Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-heading:'Poppins','Inter',sans-serif;
  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:20px; --text-xl:24px; --text-2xl:28px; --text-3xl:34px; --text-4xl:42px;
  --line-tight:1.15; --line-snug:1.3; --line-normal:1.5; --line-relaxed:1.65;

  /* Transitions */
  --transition-fast:150ms cubic-bezier(.4,0,.2,1);
  --transition-base:250ms cubic-bezier(.4,0,.2,1);

  /* Container */
  --layout-max-width:1240px;
}

/* Dark Mode Seed (not activated yet) */
@media (prefers-color-scheme: dark){
  :root {
    --gray-50:#1f2429; --gray-100:#262c32; --gray-200:#2f363d; --gray-300:#3d464f; --gray-400:#4b5661; --gray-500:#5d6a76; --gray-600:#738291; --gray-700:#8b99a7; --gray-800:#d2d9df; --gray-900:#f4f6f8;
    --color-brand-primary:#4d7dff;
    --shadow-md:0 4px 16px rgba(0,0,0,.45);
    --shadow-lg:0 8px 28px rgba(0,0,0,.55);
  }
}