:root {
  color-scheme: light;

  --color-primary: #0f2744;
  --color-primary-2: #17395f;
  --color-secondary: #1e4c82;
  --color-accent: #d4af37;
  --color-accent-2: #f0d77a;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-soft: #eef4f8;
  --color-text: #1f2937;
  --color-text-soft: #4b5563;
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-success: #16a34a;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;
  --color-black: #05080d;
  --color-white: #ffffff;

  --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --container: 1280px;
  --container-wide: 1440px;
  --reading-width: 720px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 96px;
  --space-12: 120px;
  --space-13: 160px;

  --radius-button: 999px;
  --radius-input: 16px;
  --radius-card: 24px;
  --radius-modal: 28px;
  --radius-round: 50%;

  --shadow-small: 0 4px 12px rgba(0, 0, 0, .08);
  --shadow-medium: 0 12px 32px rgba(0, 0, 0, .12);
  --shadow-large: 0 24px 60px rgba(0, 0, 0, .15);
  --shadow-hero: 0 40px 100px rgba(0, 0, 0, .25);

  --glass-background: rgba(255, 255, 255, .12);
  --glass-background-light: rgba(255, 255, 255, .78);
  --glass-border: 1px solid rgba(255, 255, 255, .18);
  --glass-blur: 18px;

  --duration-fast: 200ms;
  --duration-base: 300ms;
  --duration-slow: 400ms;
  --duration-reveal: 600ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-soft: cubic-bezier(.16, 1, .3, 1);

  --header-height: 88px;
  --focus-ring: 0 0 0 4px rgba(212, 175, 55, .28);
}