:root {
  /* Color palette - Ariel premium institutional */
  --color-navy-950: #0a1930;
  --color-navy-900: #102544;
  --color-navy-800: #17335d;
  --color-navy-700: #1f4778;
  --color-navy-100: #e8eef6;

  --color-slate-900: #1b2430;
  --color-slate-700: #455264;
  --color-slate-600: #5f6f84;
  --color-slate-500: #728199;
  --color-slate-300: #c9d3df;
  --color-slate-200: #dbe2ea;
  --color-slate-100: #edf2f7;
  --color-slate-050: #f6f8fb;

  --color-accent-700: #bc2633;
  --color-accent-600: #cb2f3c;
  --color-accent-100: #fcebed;

  --color-success-700: #0f6f50;
  --color-success-100: #e6f7f1;
  --color-warning-700: #9a6a0a;
  --color-warning-100: #fff8e8;

  --color-white: #ffffff;
  --color-black: #000000;

  --color-bg-body: var(--color-slate-050);
  --color-bg-surface: var(--color-white);
  --color-bg-subtle: var(--color-slate-100);
  --color-bg-hero: linear-gradient(145deg, #f9fbff 0%, #eef3f9 100%);

  --color-text-primary: var(--color-slate-900);
  --color-text-secondary: var(--color-slate-700);
  --color-text-muted: var(--color-slate-600);
  --color-text-on-dark: var(--color-white);

  --color-border-soft: var(--color-slate-200);
  --color-border-strong: var(--color-slate-300);

  --color-brand-primary: var(--color-navy-800);
  --color-brand-primary-hover: var(--color-navy-700);
  --color-brand-secondary: var(--color-accent-600);

  /* Typography */
  --font-sans: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Manrope", "Inter", "Segoe UI", Arial, sans-serif;

  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;

  --lh-tight: 1.2;
  --lh-base: 1.55;
  --lh-relaxed: 1.75;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing scale */
  --space-4: 0.25rem;
  --space-6: 0.375rem;
  --space-8: 0.5rem;
  --space-10: 0.625rem;
  --space-12: 0.75rem;
  --space-14: 0.875rem;
  --space-16: 1rem;
  --space-18: 1.125rem;
  --space-20: 1.25rem;
  --space-28: 1.75rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-36: 2.25rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;

  /* Radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-xs: 0 1px 2px rgba(16, 37, 68, 0.06);
  --shadow-sm: 0 8px 24px rgba(16, 37, 68, 0.08);
  --shadow-md: 0 16px 40px rgba(16, 37, 68, 0.12);

  /* Layout */
  --container-max: 1180px;
  --container-pad: var(--space-20);
  --header-height: 84px;

  /* Transitions */
  --ease-standard: 220ms ease;
}