:root {
  --gp96-brand-50: #EFF6FF;
  --gp96-brand-100: #DBEAFE;
  --gp96-brand-200: #BFDBFE;
  --gp96-brand-300: #93C5FD;
  --gp96-brand-400: #60A5FA;
  --gp96-brand-500: #3B82F6;
  --gp96-brand-600: #2563EB;
  --gp96-brand-700: #1D4ED8;
  --gp96-brand-800: #1E3A5F;
  --gp96-brand-900: #0F172A;
  --gp96-brand-950: #0A0F1A;
  --gp96-sky: #0EA5E9;
  --gp96-sky-light: #38BDF8;
  --gp96-white: #FFFFFF;
  --gp96-canvas: #F8FAFC;
  --gp96-slate: #334155;
  --gp96-muted: #64748B;
  --gp96-border: #E2E8F0;
  --gp96-black: #000000;
  --gp96-sky-extension-50: #F1FAFE;
  --gp96-sky-extension-100: #DDF2FC;
  --gp96-sky-extension-200: #B7E4F8;
  --gp96-sky-extension-300: #82D0F4;
  --gp96-sky-extension-400: #43B9EE;
  --gp96-sky-extension-500: #0EA5E9;
  --gp96-sky-extension-600: #0C8CC6;
  --gp96-sky-extension-700: #0A73A3;
  --gp96-sky-extension-800: #075679;
  --gp96-sky-extension-900: #053A52;
  --gp96-sky-extension-950: #03212F;
}
.gp96-gradient { background: linear-gradient(90deg, #2563EB, #0EA5E9); }

/* Exact site values. Colors with HSL channels need hsl(var(...)). */
[data-gp96-theme="light"] {
  --background: 210 40% 98%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 217 91% 60%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 217 91% 60%;
  --accent-hover: 217 91% 50%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 217 91% 60%;
  --radius: 0.75rem;
  --bg-color: #f8fafc;
  --fg-color: #0f172a;
}
[data-gp96-theme="dark"] {
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 217.2 32.6% 11%;
  --card-foreground: 210 40% 98%;
  --popover: 217.2 32.6% 11%;
  --popover-foreground: 210 40% 98%;
  --primary: 217 91% 60%;
  --primary-foreground: 222.2 84% 4.9%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217 91% 60%;
  --accent-hover: 199 89% 48%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 217 91% 60%;
  --bg-color: #0f172a;
  --fg-color: #f8fafc;
}