/* Clover Acoustics theme: "Banded dark".
   Every colour and font the site uses comes from here. The page is a stack of
   bands; each band class below re-sets the same variables, so components pick
   up the right colours wherever they sit. site.css holds layout only. */
:root {
  /* default band: ink (darkest) */
  --bg: #101514;
  --head: #f4f6f5;
  --text: #dde3df;
  --muted: #a6b2ac;
  --line: #2e3835;
  --accent-text: #a9d494;      /* links, kickers, icons */
  --accent-hover: #c4e2b4;
  --btn-ghost-border: #55615c;

  /* brand */
  --accent: #9fc98a;           /* soft clover green: buttons */
  --on-accent: #10201a;
  --footer: #0b0f0e;

  /* noise map (always on a dark band) */
  --map-ground: #141b19;
  --map-bld: #101514;
  --map-line: rgba(255, 255, 255, 0.38);
  --map-label: #ffffff;
  --map-wall: #262e2b;
  --map-roof: #3c4743;
  /* 3D noise map (noisemap3d.js reads these) */
  --map-night: #0b1013;        /* panel colour at night */
  --map-line-solid: #b9c6c0;   /* building edges, contour lines */
  --map-lit: #ffc978;          /* lit windows at night */
  --map-tree: #2f4a3a;
  --map-src: #ff5f8f;          /* noise sources */
  --map-fence: #8fd3c7;        /* acoustic fence */
  --map-road: #232b29;
  --map-chip: rgba(16, 21, 20, 0.86);

  /* hero photo/video overlay */
  --hero-shade: 16, 21, 20;

  /* type */
  --font-head: "Sora", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --head-weight: 500;

  /* shape */
  --radius: 999px;             /* buttons and pills */
  --radius-lg: 14px;           /* panels */
}

.band--strip  { --bg: #181e1c; }
.band--mid    { --bg: #1f2624; --line: #3a4541; }
.band--pale   { --bg: #e8ece4; --head: #141a18; --text: #3a4541; --muted: #55615c; --line: #c3cbbf; --accent-text: #35691a; --accent-hover: #24500f; }
.band--forest { --bg: #16261e; --line: #35513f; }
.band--green  { --bg: #9fc98a; --head: #10201a; --text: #1f3a22; --muted: #1f3a22; --line: #7fae6a; --accent-text: #1f3a22; --accent-hover: #10201a; }