:root {
  /* Brand blues */
  --blue-950: #0b1f3b;
  --blue-900: #12305a;
  --blue-800: #184578;
  --blue-700: #205fa0;
  --blue-600: #2d78c4;
  --blue-500: #4a95dd;
  --blue-100: #d9e7f9;
  --blue-050: #f4f8fe;

  /* Neutrals */
  --neutral-900: #1f2937;
  --neutral-800: #374151;
  --neutral-700: #455062;
  --neutral-600: #5f6979;
  --neutral-300: #d1d5db;
  --neutral-200: #e5e7eb;
  --neutral-100: #f3f4f6;
  --white: #ffffff;

  /* Semantic */
  --success-bg: #ecfdf3;
  --success-border: #22c55e;
  --success-text: #166534;
  --warn-bg: #fff7ed;
  --warn-border: #fdba74;
  --warn-text: #7c2d12;
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --error-text: #991b1b;
  --info-bg: #eff6ff;
  --info-border: #93c5fd;
  --info-text: #1e3a8a;

  /* Theme aliases */
  --col-bg: #f7fbff;
  --col-bg-alt: var(--blue-050);
  --col-bg-deep: #eaf2ff;
  --col-text: var(--neutral-900);
  --col-text-muted: var(--neutral-800);
  --col-heading: var(--blue-950);
  --col-border: var(--neutral-200);
  --col-border-strong: #c6d4ea;
  --col-brand: var(--blue-700);
  --col-brand-hover: var(--blue-800);
  --col-brand-soft: var(--blue-100);

  --font-serif: "Manrope", "Inter", sans-serif;
  --font-sans: "Inter", sans-serif;
  --container-width: 1240px;
  --nav-height: 88px;
  --radius: 10px;
  --radius-lg: 16px;

  --shadow-soft: 0 10px 35px -12px rgba(11, 31, 59, 0.16), 0 3px 8px -3px rgba(11, 31, 59, 0.08);
  --shadow-hover: 0 18px 36px -12px rgba(11, 31, 59, 0.25), 0 6px 16px -6px rgba(11, 31, 59, 0.15);
  --shadow-focus: 0 0 0 3px rgba(45, 120, 196, 0.35);
  --texture-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --texture-grid: linear-gradient(90deg, rgba(11, 31, 59, 0.04) 1px, transparent 1px), linear-gradient(0deg, rgba(11, 31, 59, 0.04) 1px, transparent 1px);

  --space-section: 84px;
}