/* mylab-daynight.css — the church site's day / night palette (navy + gold on warm
   paper; deep navy at night) for every mylab app. Copied into each app; load it
   LAST, after the page's own styles. It only re-points the apps' own colour
   variables, so each page keeps its layout:
     core       --bg --surface --surface-2/3 --text --text-muted --muted --accent …
     event      --event-nav-accent, signup / minutes --cl-*, reservation --rv-*
     member     --accent-soft --accent-on-soft --row-hover + Bootstrap --bs-*
   Day = no data-theme / data-theme="light"; night = data-theme="dark" on <html>
   or <body>, or class "dark" on <html> (expense's Tailwind). Any other theme (bible's and minutes' sepia) is left alone.
   Night is the bulletin's quiet palette (event/bulletin.html): soft text, muted gold and blue.
   Source of truth: ccicsu/css/mylab-daynight.css. */

html:root:not([data-theme="sepia"]) {
  color-scheme: light;
  --dn-gold: #a8874c;
  --bg: #f7f5f0; --surface: #ffffff; --surface-2: #f1ece1; --surface-3: #ebe4d6;
  --text: #1d2433; --text-muted: #5f6675; --muted: #5f6675;
  --accent: #1f3557; --accent-hover: #172a46; --accent-soft: #e6ebf3; --accent-text: #1f3557;
  --accent-on-soft: #1f3557; --accent-ring: rgba(31, 53, 87, .25); --row-hover: #f3eee4;
  --border: #e4ddcf; --border-strong: #cfc6b4;
  --shadow: 0 1px 2px rgba(20, 30, 50, .05), 0 8px 24px rgba(20, 30, 50, .06);
  --event-nav-accent: #1f3557; --event-nav-accent-hover: #172a46;
  --bd-accent: #1f3557; --bd-accent-hover: #172a46; --bd-accent-soft: rgba(31, 53, 87, .08);
  --bd-accent-line: rgba(31, 53, 87, .2); --bd-accent-glow: rgba(31, 53, 87, .14);
  --line: #e4ddcf; --tile: #f3ead8; --hover: #faf7f1; --dn-hero-tint: rgba(168, 135, 76, .14);
  --cl-bg: #f7f5f0; --cl-bg-wash: #f3ead8; --cl-surface: #ffffff; --cl-surface-alt: #f1ece1;
  --cl-text: #1d2433; --cl-muted: #5f6675; --cl-accent: #1f3557; --cl-accent-soft: #e6ebf3;
  --cl-border: #e4ddcf; --cl-border-strong: #cfc6b4;
  --rv-bg: #f7f5f0; --rv-bg-wash: #f3ead8; --rv-bg-glow: #e6ebf3; --rv-surface: #ffffff; --rv-surface-alt: #f1ece1;
  --rv-text: #1d2433; --rv-muted: #5f6675; --rv-accent: #1f3557; --rv-accent-soft: #e6ebf3; --rv-accent-hover: #172a46;
  --rv-border: #e4ddcf; --rv-solid-from: #2c4a7a; --rv-solid-to: #1f3557; --rv-solid-ink: #ffffff;
  --rv-solid-shadow: 0 6px 16px -6px rgba(31, 53, 87, .55); --rv-solid-shadow-hover: 0 8px 20px -6px rgba(31, 53, 87, .6);
  --rv-shadow-focus: 0 0 0 4px rgba(31, 53, 87, .2);
  --bs-body-bg: #f7f5f0; --bs-body-color: #1d2433; --bs-border-color: #e4ddcf;
  --bs-primary: #1f3557; --bs-primary-rgb: 31, 53, 87; --bs-link-color: #1f3557; --bs-link-color-rgb: 31, 53, 87;
  --bs-link-hover-color: #172a46; --bs-link-hover-color-rgb: 23, 42, 70;
  --bs-secondary-color: #5f6675; --bs-tertiary-bg: #f1ece1; --bs-secondary-bg: #ebe4d6;
}

html:root[data-theme="dark"], html:root.dark:not([data-theme="sepia"]), html[data-theme="dark"] body, body[data-theme="dark"] {
  color-scheme: dark;
  --dn-gold: #c2a36d;
  --bg: #0d1422; --surface: #151e33; --surface-2: #1f293f; --surface-3: #27324a;
  --text: #c9d0dc; --text-muted: #96a1b4; --muted: #96a1b4;
  --accent: #5a77a8; --accent-hover: #7d97c2; --accent-soft: #1f2c44; --accent-text: #8499bb;
  --accent-on-soft: #a2b4d1; --accent-ring: rgba(132, 153, 187, .3); --row-hover: #1f293f;
  --border: #2a3752; --border-strong: #38465f;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
  --event-nav-accent: #5a77a8; --event-nav-accent-hover: #7d97c2;
  --bd-accent: #8499bb; --bd-accent-hover: #a2b4d1; --bd-accent-soft: rgba(132, 153, 187, .12);
  --bd-accent-line: rgba(132, 153, 187, .26); --bd-accent-glow: rgba(132, 153, 187, .2);
  --line: #2a3752; --tile: #29271f; --hover: #1f293f; --dn-hero-tint: rgba(194, 163, 109, .12);
  --cl-bg: #0d1422; --cl-bg-wash: #141c2d; --cl-surface: #151e33; --cl-surface-alt: #1f293f;
  --cl-text: #c9d0dc; --cl-muted: #96a1b4; --cl-accent: #c2a36d; --cl-accent-soft: #29271f;
  --cl-border: #2a3752; --cl-border-strong: #38465f;
  --rv-bg: #0d1422; --rv-bg-wash: #141c2d; --rv-bg-glow: #1f293f; --rv-surface: #151e33; --rv-surface-alt: #1f293f;
  --rv-text: #c9d0dc; --rv-muted: #96a1b4; --rv-accent: #8499bb; --rv-accent-soft: #1f2c44; --rv-accent-hover: #a2b4d1;
  --rv-border: #2a3752; --rv-solid-from: #5a77a8; --rv-solid-to: #46628f; --rv-solid-ink: #e6eaf1;
  --rv-solid-shadow: 0 6px 16px -6px rgba(0, 0, 0, .6); --rv-solid-shadow-hover: 0 8px 20px -6px rgba(0, 0, 0, .65);
  --rv-shadow-focus: 0 0 0 4px rgba(132, 153, 187, .25);
  --bs-body-bg: #0d1422; --bs-body-color: #c9d0dc; --bs-border-color: #2a3752;
  --bs-primary: #5a77a8; --bs-primary-rgb: 90, 119, 168; --bs-link-color: #8499bb; --bs-link-color-rgb: 132, 153, 187;
  --bs-link-hover-color: #a2b4d1; --bs-link-hover-color-rgb: 162, 180, 209;
  --bs-secondary-color: #96a1b4; --bs-tertiary-bg: #1f293f; --bs-secondary-bg: #27324a;
}

/* Event's home banner and sign-up tiles were tinted purple in their own CSS. */
html:not([data-theme="sepia"]) .home-hero { background: linear-gradient(115deg, var(--dn-hero-tint) 0%, transparent 70%); }
html:not([data-theme="sepia"]) .home-hero__eyebrow { background: var(--accent-soft); }
html:not([data-theme="sepia"]) .board-media-ph[data-kind="signup"] { --ph-ink: var(--bd-accent); --ph-tint: var(--accent-soft); }

/* Bootstrap's primary buttons are compiled colours, not --bs-primary. */
html:not([data-theme="sepia"]) .btn-primary {
  --bs-btn-bg: var(--accent); --bs-btn-border-color: var(--accent); --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--accent-hover); --bs-btn-hover-border-color: var(--accent-hover); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--accent-hover); --bs-btn-active-border-color: var(--accent-hover);
  --bs-btn-disabled-bg: var(--accent); --bs-btn-disabled-border-color: var(--accent);
}
html:not([data-theme="sepia"]) .btn-outline-primary {
  --bs-btn-color: var(--accent); --bs-btn-border-color: var(--accent);
  --bs-btn-hover-bg: var(--accent); --bs-btn-hover-border-color: var(--accent); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--accent); --bs-btn-active-border-color: var(--accent);
}

/* The theme button: a round outlined pill, ☾ by day, ☀ at night. */
/* (a sidebar item such as worksheet admin's .nav-item keeps its own shape) */
.event-site-nav .event-nav-theme, #themeBtn, #theme-toggle, #btnTheme:not(.nav-item), .dn-theme-btn {
  border: 1px solid var(--border, #e4ddcf) !important; border-radius: 999px !important; background: transparent !important;
  color: var(--text, inherit) !important; min-width: 34px; height: 34px; padding: 0 9px !important;
  display: inline-flex; align-items: center; justify-content: center; font-size: .95rem; line-height: 1; cursor: pointer;
}
.event-site-nav .event-nav-theme:hover, #themeBtn:hover, #theme-toggle:hover, #btnTheme:not(.nav-item):hover, .dn-theme-btn:hover {
  background: var(--surface-2, rgba(128, 128, 128, .12)) !important;
}