:root {
  color-scheme: light;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-soft: #eff6ff;
  --color-deep-navy: #061b3a;
  --color-logo-yellow: #facc15;
  --color-globe-green: #84cc16;

  --color-background: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8fafc;
  --color-text: #1f2937;
  --color-text-strong: #111827;
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-border-strong: #d1d5db;

  --color-success: #16a34a;
  --color-success-soft: #dcfce7;
  --color-danger: #dc2626;
  --color-danger-soft: #fee2e2;
  --color-warning-text: #92400e;
  --color-warning-soft: #fef3c7;

  --font-family-base: Arial, Helvetica, sans-serif;
  --font-size-0: 0.875rem;
  --font-size-1: 1rem;
  --font-size-2: 1.125rem;
  --font-size-3: 1.375rem;
  --font-size-4: 1.75rem;
  --font-size-5: 2.25rem;
  --font-size-6: 3rem;
  --line-height-tight: 1.15;
  --line-height-base: 1.55;
  --line-height-loose: 1.7;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --container-sm: 42rem;
  --container-md: 56rem;
  --container-lg: 72rem;
  --container-xl: 76rem;
  --container-padding: clamp(1.25rem, 4vw, 2rem);

  --radius-sm: 0.625rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;

  --shadow-card: 0 8px 25px rgba(0, 0, 0, 0.06);
  --shadow-panel: 0 16px 45px rgba(15, 23, 42, 0.12);
  --shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.35);

  --duration-fast: 160ms;
  --duration-base: 220ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --z-base: 0;
  --z-header: 10;
  --z-overlay: 20;
  --z-skip-link: 30;

  --header-min-height: 5rem;
}