/* Diana Cinpoeru — site theme tokens.
   Light = "Ivory Temple" (default) · Dark = "Oxblood Opulence". */
:root, [data-theme="light"] {
  --bg: #F4ECDB;
  --bg-2: #EFE3D6;
  --bg-soft: #EFD4CD;
  --card: #FBF6EC;
  --line: #E3D2C2;

  --nav-bg: #FAF4E7;
  --nav-ink: #8C2A30;
  --nav-link: #6b3a34;
  --nav-link-hover: #8C2A30;

  --ink: #44352A;
  --ink-soft: #6f6253;
  --heading: #33241A;
  --script: #9C6277;
  --eyebrow: #908556;
  --quote: #A1495A;

  --accent: #8C2A30;
  --accent-hover: #A23A40;
  --accent-2: #9C6277;
  --on-accent: #FBF6EC;
  --gold: #BD9C55;

  --footer-bg: #5C2229;
  --footer-ink: #F4ECDB;
  --footer-soft: rgba(242,189,187,0.82);
  --footer-link: rgba(242,189,187,0.78);
  --footer-script: #E7C9A0;

  --hero-veil: rgba(247,240,228,0.60);
  --hero-grad-top: rgba(244,236,219,0.24);
  --hero-grad-bot: rgba(244,236,219,0.55);
  --hero-title: #9C6277;
  --hero-sub: #2a221c;
  --hero-eyebrow: #720606;
}
[data-theme="dark"] {
  --bg: #2a1410;
  --bg-2: #34201b;
  --bg-soft: #3a241f;
  --card: #44352A;
  --line: #5a4438;

  --nav-bg: #720606;
  --nav-ink: #E7C9A0;
  --nav-link: #F2BDBB;
  --nav-link-hover: #F4ECDB;

  --ink: rgba(244,236,219,0.87);
  --ink-soft: rgba(244,236,219,0.6);
  --heading: #F4ECDB;
  --script: #F2BDBB;
  --eyebrow: #BD9C55;
  --quote: #DEA297;

  --accent: #BD9C55;
  --accent-hover: #d0ad62;
  --accent-2: #DEA297;
  --on-accent: #2a221c;
  --gold: #BD9C55;

  --footer-bg: #1f0f0c;
  --footer-ink: #F4ECDB;
  --footer-soft: rgba(242,189,187,0.7);
  --footer-link: rgba(242,189,187,0.62);
  --footer-script: #E7C9A0;

  --hero-veil: rgba(38,14,12,0.30);
  --hero-grad-top: rgba(60,8,12,0.48);
  --hero-grad-bot: rgba(42,20,16,0.9);
  --hero-title: #F2BDBB;
  --hero-sub: #F4ECDB;
  --hero-eyebrow: #E7C9A0;
}
html, body { background: var(--bg); }

/* Image-overlay section veils — light keeps the airy cream wash (set inline);
   dark swaps to a deep espresso wash so overlaid text stays legible. */
[data-theme="dark"] .statement-veil {
  background: linear-gradient(180deg, #34201b 0%, rgba(26,13,10,0.74) 18%, rgba(26,13,10,0.68) 50%, rgba(26,13,10,0.74) 82%, #2a1410 100%) !important;
}
[data-theme="dark"] .quiz-veil {
  background: linear-gradient(to right, rgba(26,13,10,0.96) 0%, rgba(26,13,10,0.86) 42%, rgba(26,13,10,0.34) 78%, rgba(26,13,10,0.12) 100%) !important;
}
[data-theme="dark"] .events-hero-veil {
  background: linear-gradient(to bottom, rgba(26,13,10,0.6), rgba(26,13,10,0.82) 60%, var(--bg) 100%) !important;
}