:root {
  --color-primary: #1d5288;
  --color-primary-hover: #143d68;
  --color-accent: #3182ce;
  --color-text-dark: #0f172a;
  --color-text-muted: #475569;
  --color-text-light: #ffffff;
  --color-bg-white: #ffffff;
  --color-overlay: rgba(15, 23, 42, 0.6);
  --color-border-light: rgba(226, 232, 240, 0.8);
  --header-height-desktop: 90px;
  --header-height-sticky: 70px;
  --header-height-mobile: 76px;
  --header-height-mobile-sticky: 66px;
  --font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-sticky: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
  --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.15);
  --radius-sm: 4px;
  --radius-md: 8px;
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --z-header: 1000;
  --z-overlay: 1050;
  --z-sidebar: 1100;
}