/*
 * Calcoastdigital — shared theme overrides
 * Loaded last on every page so it wins over each page's inline styles.
 * Edit colors here once instead of on every page.
 *
 * Contrast vs. page background (WCAG AA needs 4.5:1 for body text):
 *   text   15.1:1   body copy  12.8:1   muted/secondary  7.9:1   accent  7.1:1
 */

:root {
  --bg:     #111820;   /* page background (was #080c10) */
  --bg2:    #19212b;   /* cards, panels (was #0d1117) */
  --bg3:    #222c38;   /* hover / table headers (was #161b22) */
  --border: #36414e;   /* dividers (was #21262d) */
  --text:   #e6edf3;   /* main text (was #c9d1d9) */
  --muted:  #a3aebb;   /* dates, labels, descriptions (was #6e7681) */
  --white:  #ffffff;   /* headings */
}

/* Header and mobile menu use hard-coded backgrounds on each page */
header { background: rgba(17, 24, 32, 0.96) !important; }
.mnav  { background: rgba(17, 24, 32, 0.98) !important; }

/* Blog post body copy, tables and note boxes */
.pbody p,
.comp-table td,
.comp td            { color: #d3dbe3 !important; }
.note p,
.fix p              { color: #c9d1d9 !important; }
.pbody li           { color: #d3dbe3; }

/* Footer tag line was nearly invisible (1.3:1) */
.ft                 { color: var(--muted) !important; }

/* Animated circuit background: keep it subtle behind the brighter text */
#circuit-bg         { opacity: 0.75; }