:root {
  color-scheme: light;

  --navy: #0f2747;
  --navy-deep: #0a1a30;
  --navy-soft: #163056;
  --ivory: #f7f3ec;
  --ivory-bright: #fbf8f3;
  --ivory-muted: #ebe4d9;
  --gold: #a68958;
  --gold-soft: rgba(166, 137, 88, 0.28);

  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-elevated: 0 20px 50px rgba(15, 39, 71, 0.06);
  --ring: 0 0 0 2px rgba(15, 39, 71, 0.18);

  --bg: var(--ivory);
  --bg-elevated: var(--ivory-bright);
  --bg-muted: var(--ivory-muted);
  --text: var(--navy);
  --text-muted: #5a6b7d;
  --border: rgba(15, 39, 71, 0.09);
  --border-strong: rgba(15, 39, 71, 0.14);

  --link: var(--navy-soft);
  --link-hover: var(--navy);

  --accent: var(--navy);
  --accent-hover: var(--navy-soft);
  --accent-contrast: var(--ivory-bright);

  --danger: #9b1c1c;
  --warning: #8a5a1f;
  --success: #1e5c45;

  --header-bg: rgba(251, 248, 243, 0.82);
  --hero-gradient: linear-gradient(165deg, #fdfcfa 0%, #f7f3ec 42%, #f0e9df 100%);

  --on-navy: #fbf8f3;
  --on-navy-muted: rgba(251, 248, 243, 0.76);
  --section-navy-bg: var(--navy);
  --surface-navy-tile: #fbf8f3;
  --text-on-navy-tile: #0f2747;
  --muted-on-navy-tile: #4a5f73;
  --border-on-navy-tile: rgba(15, 39, 71, 0.09);
  --footer-bg: var(--navy);
  --footer-text: var(--on-navy);
  --footer-muted: var(--on-navy-muted);
  --footer-border: rgba(251, 248, 243, 0.1);

  --space-section: clamp(5rem, 12vw, 9rem);
  --space-section-tight: clamp(3.5rem, 8vw, 6rem);
}

[data-theme="dark"] {
  color-scheme: dark;

  --navy: #0f2747;
  --navy-deep: #080f18;
  --navy-soft: #1a3048;
  --ivory: #0c121c;
  --ivory-bright: #121b28;
  --ivory-muted: #1a2432;
  --gold: #c4a86a;
  --gold-soft: rgba(196, 168, 106, 0.2);

  --bg: #0c121c;
  --bg-elevated: #141c28;
  --bg-muted: #1c2634;
  --text: #f5f1ea;
  --text-muted: rgba(245, 241, 234, 0.62);
  --border: rgba(245, 241, 234, 0.09);
  --border-strong: rgba(245, 241, 234, 0.14);

  --link: #d4c9b8;
  --link-hover: #ffffff;

  --accent: #f5f1ea;
  --accent-hover: #ffffff;
  --accent-contrast: #0f2747;

  --danger: #e8a4a4;
  --warning: #dcc090;
  --success: #8fd4b8;

  --header-bg: rgba(12, 18, 28, 0.88);
  --hero-gradient: linear-gradient(165deg, #0c121c 0%, #121b28 50%, #161f2c 100%);

  --on-navy: #fbf8f3;
  --on-navy-muted: rgba(251, 248, 243, 0.74);
  --section-navy-bg: #0a1018;
  --surface-navy-tile: rgba(245, 241, 234, 0.06);
  --text-on-navy-tile: #f5f1ea;
  --muted-on-navy-tile: rgba(245, 241, 234, 0.65);
  --border-on-navy-tile: rgba(245, 241, 234, 0.1);
  --footer-bg: #080f18;
  --footer-text: #f5f1ea;
  --footer-muted: rgba(245, 241, 234, 0.62);
  --footer-border: rgba(245, 241, 234, 0.08);

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-elevated: none;
  --ring: 0 0 0 2px rgba(245, 241, 234, 0.2);
}