:root{
  /* Brand palette */
  --color-primary:#103C68;
  --color-secondary:#2F6EA5;
  --color-accent:#4FA8D8;
  --color-bg:#F7F9FC;
  --color-surface:#FFFFFF;
  --color-text:#1D2733;
  --color-muted:#6B7280;
  --color-success:#22C55E;
  --color-warning:#F59E0B;
  --color-border:rgba(16,60,104,0.10);
  --color-border-strong:rgba(16,60,104,0.18);

  /* Gradients */
  --grad-primary:linear-gradient(135deg,#103C68 0%,#2F6EA5 100%);
  --grad-accent:linear-gradient(135deg,#2F6EA5 0%,#4FA8D8 100%);
  --grad-hero:linear-gradient(120deg,#103C68 0%,#2F6EA5 55%,#4FA8D8 100%);
  --grad-surface:linear-gradient(180deg,#FFFFFF 0%,#F7F9FC 100%);

  /* Typography */
  --font-display:'Plus Jakarta Sans',sans-serif;
  --font-body:'Inter',sans-serif;

  /* Radius */
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Shadows */
  --shadow-sm:0 2px 8px rgba(16,39,58,0.06);
  --shadow-md:0 10px 28px rgba(16,39,58,0.08);
  --shadow-lg:0 22px 52px rgba(16,39,58,0.12);
  --shadow-glow:0 14px 40px rgba(79,168,216,0.28);

  /* Layout */
  --container-max:1220px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;
  --space-8:128px;

  --ease:cubic-bezier(0.16,1,0.3,1);
}