/* Gratitude — dark palette. Overrides the same custom properties gratitude_light.css defines,
   scoped to [data-bs-theme="dark"], so every rule written against var(--cream), var(--ink), etc.
   just works in both themes without duplication. */

:root[data-bs-theme="dark"] {
  --cream: #17140F;
  --cream-2: #201C15;
  --paper: #1C1811;
  --ink: #F1E9D8;
  --ink-soft: #C7BAA2;
  --ink-faint: #8E8270;
  --line: #37301F;
  --line-soft: #2B2518;
  --sun: #F4B942;
  --sun-deep: #E89B2C;
  --orange: #E8804B;
  --orange-soft: #6B4A32;
  --moss: #8FAE86;
  --rose: #E08877;
  --shadow: 0 1px 2px rgba(0,0,0,0.35), 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lift: 0 2px 4px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.45);

  /* moon accents, used wherever the day-side used golden sun tones */
  --moon: #D9E2F1;
  --moon-deep: #8FA3BF;
  --accent-a: #8FA3BF;
  --accent-b: #4F6784;
  --accent-face: #EAF1FA;
  --accent-glow: rgba(143,163,191,0.6);
}

:root:not([data-bs-theme="dark"]) {
  --accent-a: var(--sun);
  --accent-b: var(--sun-deep);
  --accent-face: #3A2A0E;
  --accent-glow: rgba(244,185,66,0.55);
}

/* the little bullet before each gratitude entry: sun by day, moon by night — no JS needed */
.entry-list .bullet::before { content: "☀"; }
:root[data-bs-theme="dark"] .entry-list .bullet::before { content: "🌙"; }

/* any text that mentions "sun" vs "moon" depending on the active theme */
.crn-word-moon{display:none;}
:root[data-bs-theme="dark"] .crn-word-sun{display:none;}
:root[data-bs-theme="dark"] .crn-word-moon{display:inline;}