/* WattStack glyph library: colour tokens, stroke grammar and icon sizing.
   Load after brand.css (it uses --brand-blue, --brand-navy and --brand-gold)
   and before any stylesheet that overrides the grammar for a board scene.
   The artwork itself is in glyphs/glyphs.json; see glyphs/README.md. */

/* Flat icon drawn from the library */
.pcbd-icon{width:54px;height:54px}
.pcbd-icon-sm .pcbd-icon{width:30px;height:30px}
.pcbd-icon svg{width:100%;height:100%;overflow:visible}

/* Light board tokens (white and off-white backgrounds) */
.pcbd-light{
  --pcb-face:#f6f9fd; --pcb-face-edge:#d3ddec;
  --pcb-face-shadow:0 1px 0 #c3cede, 0 14px 0 -6px #e3e9f4, 0 34px 46px rgba(10,20,40,0.13);
  --pcb-hole:#fff; --pcb-hole-edge:#c7d3e6;
  --pcb-trace:var(--brand-gold); --pcb-trace-dim:#eadfc8;
  --pcb-flow:#b8974e; --pcb-glow:#d8bc82;
  --pcb-energy:var(--brand-gold); --pcb-energy-dim:#e9dfc6; --pcb-energy-flow:#b8974e;
  --pcb-via:#f6f9fd; --pcb-pad:#eaf2ff;
  --pcb-glyph:#fdfeff; --pcb-glyph-fill:#dcebff; --pcb-detail:#8db4ea; --pcb-bold:var(--brand-blue);
  --pcb-glyph-stroke:var(--brand-blue);
  --pcb-side:#cfdff5; --pcb-side-edge:#6f9ad3;
  --pcb-band0:#e0e5ed; --pcb-band0-edge:#8a97ab;
  --pcb-band1:#efe3c8; --pcb-band1-edge:#c6a55f;
  --pcb-silk:#5b6b85; --pcb-silk2:#93a2ba;
  --pcb-label:var(--brand-navy); --pcb-label-sub:#788291;
  --pcb-shadow:rgba(10,20,40,0.16);
  --pcb-zone:#dbe4f1; --pcb-zone-hot:var(--brand-blue);
}
/* Dark board tokens (navy backgrounds) */
.pcbd-dark{
  --pcb-face:#0e1a30; --pcb-face-edge:#26314a;
  --pcb-face-shadow:0 1px 0 rgba(0,0,0,0.15), 0 30px 40px rgba(10,20,40,0.18);
  --pcb-hole:var(--brand-navy); --pcb-hole-edge:#26314a;
  --pcb-trace:#d8bc82; --pcb-trace-dim:#4a4030;
  --pcb-flow:#e0c58a; --pcb-glow:#e0c58a;
  --pcb-energy:var(--brand-gold); --pcb-energy-dim:#4a4030; --pcb-energy-flow:#e0c58a;
  --pcb-via:#0e1a30; --pcb-pad:#3d3423;
  --pcb-glyph:#12203a; --pcb-glyph-fill:#1b3a6b; --pcb-detail:#5f7fae; --pcb-bold:#7fb0ff;
  --pcb-glyph-stroke:#4d94ff; /* lighter shade of --brand-blue */
  --pcb-side:#0c1830; --pcb-side-edge:#1f3a66;
  --pcb-band0:#242e3f; --pcb-band0-edge:#55627a;
  --pcb-band1:#39301e; --pcb-band1-edge:#b8974e;
  --pcb-silk:#66748f; --pcb-silk2:#8fa2c2;
  --pcb-label:#fff; --pcb-label-sub:#8fa2c2;
  --pcb-shadow:rgba(0,0,0,0.45);
  --pcb-zone:#26314a; --pcb-zone-hot:#1f5cb0;
}

/* Glyph grammar: G outline, GF filled accent, G2/G2R/G2C detail, GP pins, GB bold detail, GS solid.
   A class outside this list renders black (SVG's default fill). */
.pcbd-scene .G{fill:var(--pcb-glyph);stroke:var(--pcb-glyph-stroke);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.pcbd-scene .GF{fill:var(--pcb-glyph-fill);stroke:var(--pcb-glyph-stroke);stroke-width:2.5;stroke-linejoin:round}
.pcbd-scene .G2{fill:none;stroke:var(--pcb-detail);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.pcbd-scene .G2R{fill:none;stroke:var(--pcb-detail);stroke-width:2}
.pcbd-scene .G2C{fill:var(--pcb-detail);stroke:none}
.pcbd-scene .GP{fill:none;stroke:var(--pcb-glyph-stroke);stroke-width:2.2;stroke-linecap:round}
.pcbd-scene .GB{fill:none;stroke:var(--pcb-bold);stroke-width:2.4;stroke-linecap:round}
.pcbd-scene .GS{fill:var(--pcb-glyph-stroke);stroke:none}