/* ============================================
   THEME: Midnight
   Dark editorial — same structure, inverted palette
   ============================================ */

:root[data-theme="midnight"] {
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', 'DM Sans', system-ui, sans-serif;

  --color-bg: #141413;
  --color-bg-alt: #1c1b19;
  --color-bg-light: #232220;
  --color-bg-card: #1e1d1b;
  --color-text: #f0efe8;
  --color-text-secondary: #d4d2c9;
  --color-text-muted: rgba(240, 239, 232, 0.5);
  --color-text-subtle: rgba(240, 239, 232, 0.3);
  --color-accent: #e8885e;
  --color-accent-hover: #f09970;
  --color-highlight: #f0b429;
  --color-border: rgba(240, 239, 232, 0.1);
  --color-border-strong: rgba(240, 239, 232, 0.2);
  --color-divider: rgba(240, 239, 232, 0.06);

  --nav-bg: rgba(20, 20, 19, 0.94);
  --nav-height: 4.25rem;

  --footer-bg: #0a0a09;
  --footer-text: rgba(240, 239, 232, 0.4);
  --footer-text-strong: rgba(240, 239, 232, 0.75);
  --footer-border: rgba(240, 239, 232, 0.08);

  --btn-primary-bg: #f0efe8;
  --btn-primary-text: #141413;
  --btn-secondary-border: rgba(240, 239, 232, 0.2);

  --site-margin: clamp(1.5rem, 5vw, 5rem);
  --max-width: 1280px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 2rem;

  --transition-fast: 200ms ease;
  --transition-med: 300ms ease;
  --transition-slow: 400ms ease;

  --logo-filter: brightness(10) saturate(0);
}