:root {
  /* Core */
  --bs-body-bg: #0f172a;
  --bs-body-color: #e2e8f0;

  /* Accent */
  --tekbb-accent: #2dd4bf;
  --tekbb-accent-hover: #5eead4;
  --tekbb-accent-text: var(--tekbb-accent);
  --tekbb-accent-subtle: rgba(45,212,191,.1);

  /* Surfaces */
  --tekbb-heading-bg: #0d9488;
  --tekbb-surface: #1e293b;
  --tekbb-border: #122d3b;

  /* Text */
  --tekbb-muted: #94a3b8;
  --tekbb-text-inv: #ffffff;

  /* Links */
  --tekbb-link: #2dd4bf;
  --tekbb-link-hover: #5eead4;

  /* Buttons */
  --tekbb-btn-bg: #2dd4bf;
  --tekbb-btn-hover: #5eead4;

  /* Navigation */
  --tekbb-nav-bg: #1e293b;

  /* Footer */
  --tekbb-footer-bg: #1e293b;
  --tekbb-footer-color: #94a3b8;

  /* Shadows */
  --tekbb-shadow-sm: 0 1px 2px rgba(0,0,0,.2);
  --tekbb-shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);

  /* Liquid Glass */
  --glass-bg: rgba(30,41,59,.55);
  --glass-bg-heavy: rgba(30,41,59,.78);
  --glass-border: rgba(255,255,255,.08);
  --glass-blur: 16px;
  --glass-shadow: 0 8px 32px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.15);
  --glass-glow: 0 0 24px rgba(45,212,191,.18);

  /* Gradients */
  --gradient-heading: var(--tekbb-heading-bg);
  --gradient-subtle: transparent;

  color-scheme: dark;
}

.text-muted {
  color: var(--tekbb-muted);
}
/* ══════════════════════════════════════════════════════════════════════
   Light palette (MyStudio Options → Colour mode: Light, or Follow the device).
   :root[data-bs-theme="light"] outranks the plain :root rules, including the
   accent overrides the Theme Settings colour option injects, so links and
   headings stay readable on white with any accent (derived via color-mix).
   ══════════════════════════════════════════════════════════════════════ */
:root[data-bs-theme="light"] {
  --bs-body-bg: #f4f6fa;
  --bs-body-color: #1e293b;

  --tekbb-accent-hover: color-mix(in srgb, var(--tekbb-accent) 80%, #000);
  --tekbb-accent-subtle: color-mix(in srgb, var(--tekbb-accent) 12%, transparent);

  --tekbb-heading-bg: color-mix(in srgb, var(--tekbb-accent) 70%, #000);
  --tekbb-surface: #ffffff;
  --tekbb-border: #e2e8f0;

  --tekbb-muted: #64748b;
  --tekbb-text-inv: #ffffff;

  --tekbb-link: color-mix(in srgb, var(--tekbb-accent) 62%, #000);
  --tekbb-accent-text: var(--tekbb-link);
  --tekbb-link-hover: color-mix(in srgb, var(--tekbb-accent) 48%, #000);

  --tekbb-btn-bg: color-mix(in srgb, var(--tekbb-accent) 70%, #000);
  --tekbb-btn-hover: color-mix(in srgb, var(--tekbb-accent) 58%, #000);

  --tekbb-nav-bg: #ffffff;
  --tekbb-footer-bg: #ffffff;
  --tekbb-footer-color: #475569;

  --tekbb-shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --tekbb-shadow: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.05);

  --glass-bg: rgba(255,255,255,.82);
  --glass-bg-heavy: rgba(255,255,255,.94);
  --glass-border: rgba(15,23,42,.09);
  --glass-shadow: 0 8px 28px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05);
  --glass-glow: 0 0 20px color-mix(in srgb, var(--tekbb-accent) 22%, transparent);

  color-scheme: light;
}

/* Dark-only literals elsewhere in the theme, re-coloured for light */
:root[data-bs-theme="light"] .forumbit-row[data-href]:hover { background: rgba(15,23,42,.035); }
:root[data-bs-theme="light"] #copyright a,
:root[data-bs-theme="light"] #copyright a:link,
:root[data-bs-theme="light"] #copyright a:visited { color: var(--tekbb-link) !important; }
:root[data-bs-theme="light"] #copyright a:hover { color: var(--tekbb-link-hover) !important; }
:root[data-bs-theme="light"] #copyright select,
:root[data-bs-theme="light"] #copyright .btn,
:root[data-bs-theme="light"] #copyright input.button { border-color: var(--glass-border); }
:root[data-bs-theme="light"] .ms-header-search-close:hover { color: var(--bs-body-color); }
:root[data-bs-theme="light"] .ms-header-search-btn:hover { color: #fff; }
:root[data-bs-theme="light"] .modal-spinner { background: #fff; color: var(--tekbb-heading-bg); }

/* Notice bars (PM notice, accounts awaiting activation, …): the base colours are tuned for
   dark mode (faint white tint, pastel text), which vanishes on a light page */
:root[data-bs-theme="light"] .alert_red    { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
:root[data-bs-theme="light"] .alert_yellow { background: #fefce8; border-color: #fde68a; color: #854d0e; }
:root[data-bs-theme="light"] .alert_green  { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
:root[data-bs-theme="light"] .alert_blue   { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }