/* ============================================================
   CHARCOAL COUNTER — the dark counterpart, as a layer over home.css
   The colour law INVERTS here. On cream: gold is never type, sign red fails
   body text, outline black carries everything. On the counter: gold becomes
   usable as type (#E8A33A on #1C1613 measures 8.4:1) and outline black stops
   being usable as type at all.
   Grounds and type only. No new hues, no structure, no type changes, and the
   descent is intact: dark hero, red, brown band, sesame bun, DARK menu, out.
   ============================================================ */

.skin-home.skin-f2 {
  --menu-ground: #1C1613;
  --art-line: #C9884A;
}

/* the menu region: the lit board on the wall instead of a cream sheet */
.skin-home.skin-f2 .e1-menu,
.skin-home.skin-f2 .e1-feat { background: #1C1613; }
.skin-home.skin-f2 .e1-menu,
.skin-home.skin-f2 .e1-menu .e1-kicker,
.skin-home.skin-f2 .e1-sectitle { color: var(--butter); }

/* prices and item names. Black is dead here; cream carries the name at 12.8:1
   and gold carries the price at 8.4:1 — the pairing that is illegal on cream. */
.skin-home.skin-f2 .prow-name { color: var(--butter); }
.skin-home.skin-f2 .prow-price { color: var(--cheese-gold); }
.skin-home.skin-f2 .prow-dots { color: rgba(201, 136, 74, 0.55); }
.skin-home.skin-f2 .prow:hover .prow-name { color: #FFF3C4; }

/* keylines: black on black is nothing, so every rule and border goes to the
   dark-skin art line */
.skin-home.skin-f2 .pcat-rule { background: rgba(201, 136, 74, 0.4); }
.skin-home.skin-f2 .pmods {
  background: rgba(247, 227, 176, 0.05);
  border-color: var(--art-line);
}
.skin-home.skin-f2 .pmods-h { color: var(--butter); }
.skin-home.skin-f2 .pmods-list { color: #D8CBB4; }
/* the price chip stays a GOLD STICKER with black type — 8.8:1, and it is the
   one place outline black is still legal on this skin */
.skin-home.skin-f2 .pmods-price { color: var(--outline); background: var(--cheese-gold); }

/* 🔴 THE DARK SKIN'S ALLERGY COLOUR IS UNMEASURED, AND THIS FILE IS DEAD TODAY
   (S133, 2026-09-13). index.html:5430 is the ONLY consumer of skinMode, and
   nothing anywhere sets props.skin - one consumer, zero producers - so
   .skin-f2 is never applied on the demo and this rule has never painted a
   pixel a customer saw. It is kept rather than deleted because deleting it
   would let a future skin="dark" silently restore a QUIET allergy line, which
   is the PHL § 1356(5) violation the light rule above exists to prevent.

   ⚠️ #C7A177 ON THE F2 GROUND HAS NOT BEEN MEASURED. On dark the colour law
   inverts - var(--outline) stops being usable as type - so the light skin's
   answer cannot simply be copied here. Whoever turns the dark skin on MEASURES
   this against its real ground first, and against the same "conspicuous"
   standard, before it ships. Block 214.3 fails if this rule is ever removed
   without that measurement being recorded. */
.skin-home.skin-f2 .pallergy { color: #C7A177; }
.skin-home.skin-f2 .pcat-label { color: var(--outline); }
.skin-home.skin-f2 .pcat-icon { color: var(--cheese-gold); }

/* the featured cards: die-cut stickers on a dark board, gold keyline */
.skin-home.skin-f2 .e1-feat-card {
  background: #17120F;
  border-color: var(--art-line);
}
.skin-home.skin-f2 .e1-feat-name { color: var(--butter); }
.skin-home.skin-f2 .e1-feat-desc { color: #C0B49A; }
.skin-home.skin-f2 .e1-feat-price { color: var(--cheese-gold); }
.skin-home.skin-f2 .e1-feat-no { color: rgba(201, 136, 74, 0.3); }
.skin-home.skin-f2 .cutslot-note { color: #A99C8B; }

/* the item sheet inherits the menu region's palette — invariant 11, born from a
   real bug. A black sheet opening from a cream menu breaks the section it came
   from; on this skin the sheet is dark because the menu is. */
.skin-home.skin-f2 .isheet {
  background: #1C1613;
  border-color: var(--art-line);
  color: var(--butter);
}
.skin-home.skin-f2 .isheet-name { color: var(--butter); }
.skin-home.skin-f2 .isheet-price { color: var(--cheese-gold); }
.skin-home.skin-f2 .isheet-desc,
.skin-home.skin-f2 .isheet-build-label { color: #D8CBB4; }
.skin-home.skin-f2 .isheet-build-h { color: var(--cheese-gold); }
.skin-home.skin-f2 .isheet-x span { border-color: var(--art-line); color: var(--butter); }

/* the bun and the cheese: the halo trap runs both ways. A pale fringe hides on
   cream and screams on the counter, so the art keeps its own black keyline and
   gains no rim light. Only the ground behind it changes. */
.skin-home.skin-f2 .e1-bunlip,
.skin-home.skin-f2 .e1-bunheel-band { background: #1C1613; }