:root {
  --color-primary: #002f60;
  --color-primary-hover: #003e7e;
  --color-light-accent: #e6f0fa;
  --color-section-bg: #f5f8fc;
  --color-border-soft: #d9e3f0;
  --color-text-dark: #0f1e2e;
  --color-text-muted: #33485c;
  --color-white: #ffffff;
  --color-success: #0e9f6e;
  --color-warning: #d97706;
  --color-danger: #c0392b;
  --color-link: #0b5cad;
  --color-footer-bg: #0b1d33;
  --color-footer-text: #d7e3f4;
  --color-footer-muted: #9fb3cf;
  --color-footer-border: #1f3654;
  --icon-size-sm: 0.88rem;
  --icon-size-md: 1.1rem;
  --icon-size-lg: 1.25rem;
  --font-size-h1: clamp(1.7rem, 2.6vw, 2.55rem);
  --font-size-h2: clamp(1.2rem, 1.65vw, 1.5rem);
  --font-size-body: 1rem;
  --font-size-caption: 0.82rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;

  --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;

  --shadow-soft: 0 8px 22px rgba(15, 30, 46, 0.08);
  --shadow-panel: 0 10px 26px rgba(0, 47, 96, 0.1);

  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 300;
  --z-appbar: 1000;
}