/* Hallmark · tokens: LUM360 dual theme · tone: quiet luxury editorial · anchor hue: champagne */
:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;
  --color-bg-primary: #050505;
  --color-bg-secondary: #0f0f0f;
  --color-surface: rgba(18, 18, 18, 0.88);
  --color-surface-soft: rgba(18, 18, 18, 0.88);
  --color-surface-elevated: #171717;
  --color-text-primary: #fafafa;
  --color-text-secondary: #d0ccc4;
  --color-text-muted: #a49e95;
  --color-text-subtle: #8c857b;
  --color-accent: #d4af37;
  --color-accent-strong: #f0d06c;
  --color-accent-ink: #17130a;
  --color-border: rgba(255, 255, 255, 0.12);
  --color-border-strong: rgba(255, 255, 255, 0.24);
  --color-border-accent: rgba(212, 175, 55, 0.34);
  --color-shadow: rgba(0, 0, 0, 0.48);
  --color-danger: #e18a8a;
  --color-success: #76b98d;
  --color-navbar-bg: rgba(5, 5, 5, 0.9);
  --color-navbar-bg-scrolled: rgba(5, 5, 5, 0.96);
  --color-footer-bg: #050505;
  --color-button-primary-bg: #d4af37;
  --color-button-primary-text: #17130a;
  --color-button-secondary-bg: transparent;
  --color-button-secondary-text: #f0d06c;
  --color-link: #e6c85d;
  --color-overlay: rgba(5, 5, 5, 0.68);
  --color-media-text: #ffffff;
  --color-media-text-muted: rgba(255, 255, 255, 0.82);
  --color-media-accent: #f0d06c;
  --color-input-bg: rgba(255, 255, 255, 0.035);
  --color-focus: #f0d06c;
  --color-dark-surface: #11100d;
  --color-dark-text: #f5f1e8;
  --color-dark-text-secondary: #d8d0c2;
  --color-dark-accent: #c8a96a;
  --color-dark-border: rgba(200, 169, 106, 0.28);
  --color-dark-accent-ghost: rgba(200, 169, 106, 0.06);
  --color-dark-accent-faint: rgba(200, 169, 106, 0.07);
  --color-dark-accent-soft: rgba(200, 169, 106, 0.08);
  --color-dark-accent-wash: rgba(200, 169, 106, 0.12);
  --color-dark-accent-glow: rgba(200, 169, 106, 0.16);
  --color-dark-accent-line: rgba(200, 169, 106, 0.18);
  --color-dark-overlay: rgba(5, 5, 5, 0.72);
  --color-dark-overlay-strong: rgba(5, 5, 5, 0.78);
  --color-mask-solid: #000000;
  --particle-rgb: 212, 175, 55;
  --particle-color: rgba(212, 175, 55, 0.28);
  --particle-glow: rgba(212, 175, 55, 0.16);
  --particle-opacity: 0.72;
  --particle-blend-mode: screen;
  --theme-panel-rgb: 10, 10, 10;
  --theme-selection-text: #17130a;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-theme: 280ms;
}

html[data-theme="light"] {
  color-scheme: light;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;
  --color-bg-primary: #f5f1e8;
  --color-bg-secondary: #efe7d8;
  --color-surface: #fffcf5;
  --color-surface-soft: rgba(255, 252, 245, 0.88);
  --color-surface-elevated: #ffffff;
  --color-text-primary: #171717;
  --color-text-secondary: #3f3a34;
  --color-text-muted: #5e554b;
  --color-text-subtle: #756a5d;
  --color-accent: #9b7429;
  --color-accent-strong: #7a5517;
  --color-accent-ink: #fffaf0;
  --color-border: rgba(23, 23, 23, 0.14);
  --color-border-strong: rgba(23, 23, 23, 0.26);
  --color-border-accent: rgba(122, 85, 23, 0.42);
  --color-shadow: rgba(23, 23, 23, 0.12);
  --color-danger: #8c3b3b;
  --color-success: #356b46;
  --color-navbar-bg: rgba(245, 241, 232, 0.91);
  --color-navbar-bg-scrolled: rgba(245, 241, 232, 0.97);
  --color-footer-bg: #e9dfce;
  --color-button-primary-bg: #815d20;
  --color-button-primary-text: #fffaf0;
  --color-button-secondary-bg: rgba(255, 252, 245, 0.5);
  --color-button-secondary-text: #644719;
  --color-link: #6f4d18;
  --color-overlay: rgba(245, 241, 232, 0.62);
  --color-media-text: #ffffff;
  --color-media-text-muted: rgba(255, 255, 255, 0.86);
  --color-media-accent: #f0d06c;
  --color-input-bg: rgba(255, 252, 245, 0.72);
  --color-focus: #704e19;
  --color-dark-surface: #11100d;
  --color-dark-text: #f5f1e8;
  --color-dark-text-secondary: #d8d0c2;
  --color-dark-accent: #c8a96a;
  --color-dark-border: rgba(200, 169, 106, 0.28);
  --color-dark-accent-ghost: rgba(200, 169, 106, 0.06);
  --color-dark-accent-faint: rgba(200, 169, 106, 0.07);
  --color-dark-accent-soft: rgba(200, 169, 106, 0.08);
  --color-dark-accent-wash: rgba(200, 169, 106, 0.12);
  --color-dark-accent-glow: rgba(200, 169, 106, 0.16);
  --color-dark-accent-line: rgba(200, 169, 106, 0.18);
  --color-dark-overlay: rgba(5, 5, 5, 0.72);
  --color-dark-overlay-strong: rgba(5, 5, 5, 0.78);
  --color-mask-solid: #000000;
  --particle-rgb: 122, 85, 23;
  --particle-color: rgba(122, 85, 23, 0.45);
  --particle-glow: rgba(155, 116, 41, 0.22);
  --particle-opacity: 0.8;
  --particle-blend-mode: multiply;
  --theme-panel-rgb: 255, 250, 240;
  --theme-selection-text: #fffaf0;
}