:root {
  /* ── Brand palette ── */
  --color-prussian: #113a5e;
  --color-azul: #2171b8;
  --color-amber: #fcbd12;
  --color-tangelo: #f05922;
  --color-rich-black: #061624;

  /* Primary aliases (Prussian + Azul) */
  --color-primary: var(--color-prussian);
  --color-primary-light: var(--color-azul);
  --color-primary-pale: #e8eef5;
  --color-primary-dark: #0d2f4a;

  /* Logo / accent blue */
  --color-brand-blue: var(--color-azul);
  --color-brand-blue-dark: #1a5a94;

  /* Complement aliases */
  --color-amber-light: #fdd85a;
  --color-amber-pale: #fef9e7;
  --color-tangelo-dark: #d94d1e;
  --color-tangelo-pale: #fef0eb;
  --color-coral: var(--color-tangelo);

  /* Neutrals */
  --color-white: #ffffff;
  --color-off-white: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-400: #9ca3af;
  --color-border-input: #8a93a3;
  --color-border-input-hover: #5f6878;
  --color-gray-600: #4b5563;
  --color-gray-800: var(--color-rich-black);

  /* Semantic */
  --color-success: #1a7a4c;
  --color-gold: var(--color-amber);

  /* Typography */
  --font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  --text-h1: clamp(2rem, 5vw, 3rem);
  --text-h1-lh: 1.25;
  --text-h2: clamp(1.5rem, 3vw, 2rem);
  --text-h2-lh: 1.25;
  --text-h3: 1.5rem;
  --text-h3-lh: 1.33;
  --text-h4: 1.25rem;
  --text-h4-lh: 1.4;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Layout */
  --container-max: 75rem;
  --header-height: 4.5rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* Shadows (Rich Black base) */
  --shadow-sm: 0 1px 2px rgba(6, 22, 36, 0.06);
  --shadow-md: 0 4px 12px rgba(6, 22, 36, 0.08);
  --shadow-lg: 0 12px 32px rgba(6, 22, 36, 0.12);
  --shadow-card: 0 2px 8px rgba(6, 22, 36, 0.06);
  --shadow-card-hover: 0 12px 28px rgba(33, 113, 184, 0.18);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
}