:root {
  --color-midnight-navy: #0B1628;
  --color-verbo-gold: #D4AF6F;
  --color-champagne: #F4E3B8;
  --color-deep-blue: #1E3A5F;
  --color-ivory: #F8F3E8;

  --color-gold-dark: #9C7A3D;
  --color-muted: #64748B;
  --color-line: rgba(212, 175, 111, 0.18);

  --gradient-gold: linear-gradient(135deg, #F4E3B8 0%, #D4AF6F 45%, #9C7A3D 100%);
  --gradient-navy-veil: linear-gradient(180deg, rgba(11,22,40,0) 0%, rgba(11,22,40,0.85) 100%);

  --bg-primary: var(--color-midnight-navy);
  --bg-light: var(--color-ivory);
  --text-on-dark: var(--color-champagne);
  --text-on-dark-muted: rgba(244, 227, 184, 0.72);
  --text-on-light: var(--color-midnight-navy);
  --text-on-light-muted: #475569;
  --accent: var(--color-verbo-gold);
  --accent-soft: var(--color-deep-blue);

  --font-wordmark: 'Helvetica Neue', 'Arial Black', Arial, sans-serif;
  --font-ui: 'Helvetica Neue', Arial, sans-serif;
  --font-serif: 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 800;
  --fw-black: 900;

  --ls-wordmark: -0.04em;
  --ls-tagline: 0.35em;
  --ls-label: 0.22em;

  --size-xs: 0.75rem;
  --size-sm: 0.875rem;
  --size-base: 1rem;
  --size-md: 1.125rem;
  --size-lg: 1.25rem;
  --size-xl: 1.5rem;
  --size-2xl: 2rem;
  --size-3xl: 2.75rem;
  --size-4xl: 3.75rem;
  --size-5xl: 5rem;
  --size-hero: clamp(2.25rem, 5vw, 4.25rem);

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --container-max: 1240px;
  --container-narrow: 920px;

  --shadow-soft: 0 20px 60px rgba(11, 22, 40, 0.12);
  --shadow-card: 0 8px 28px rgba(11, 22, 40, 0.08);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
}