/* ─── ROOM IDENTITY ──────────────────────────────────────────────────
   The workshop has four rooms. Each gets its own accent and, later, its
   own material character. A page declares which room it is in on <html>:

     <html lang="en" data-room="digital">

   and inherits the whole palette. This replaces the per-page :root blocks
   that were swapping --accent and --accent-2 by hand on 26 pages.

   Linked AFTER tokens.css, BEFORE the page's inline <style>.
   ──────────────────────────────────────────────────────────────────── */

/* Default — pages with no room yet (index, about, contact) keep the
   pink-primary pairing the old code used as its default. */
:root {
  --accent: var(--pink);
  --accent-2: var(--mint);

  /* Panel grounds. Pages hardcoded #111 and #0e0e0e for these, which was
     invisible until the exhibition room inverted: a dark panel stayed
     dark while the text on it went dark with the tokens. Reading them
     from here means a panel follows whatever room it is standing in. */
  --surface: #111111;
  --surface-2: #0e0e0e;

  /* Text sitting ON a photograph. In the dark rooms this is simply the
     ordinary foreground, but it is a separate token because a picture
     with a scrim over it is dark in EVERY room — including the light
     one, where --fg is near-black and would vanish into the image. */
  --fg-on-media: var(--fg);
  --fg-on-media-mid: var(--fg-mid);
  --fg-on-media-dim: var(--fg-dim);
  /* The accent, for text sitting ON a photograph. Same reason
     --fg-on-media exists: a picture with a scrim over it is dark in
     every room, so an accent tuned for a pale wall disappears on it. */
  --accent-on-media: var(--accent);

  /* The accent the floating chrome uses. The rail and the floorplan are
     dark on EVERY page, so a room whose own accent is tuned for a light
     ground needs a second one that works on near-black. In the five dark
     rooms these are the same colour; only the exhibition room differs.
     Declared as a literal, never as var(--accent), because the chrome
     sets --accent FROM this and the two would form a cycle. */
  --accent-chrome: var(--pink);
}

/* ── DIGITAL & BRAND ────────────────────────────────────────
   Screen light. Pink primary, mint secondary. */
[data-room="digital"] {
  --accent: var(--pink);
  --accent-2: var(--mint);
  --accent-soft: rgba(232, 84, 122, 0.08);
  --accent-edge: rgba(232, 84, 122, 0.3);
  --accent-chrome: var(--pink);
}

/* ── INDUSTRIAL & PHYSICAL ──────────────────────────────────
   The main making room. Mint primary — the swap the craft pages
   were already doing inline. */
[data-room="physical"] {
  --accent: var(--mint);
  --accent-2: var(--pink);
  --accent-soft: rgba(109, 191, 158, 0.08);
  --accent-edge: rgba(109, 191, 158, 0.3);
  --accent-chrome: var(--mint);
}

/* ── PLAY ───────────────────────────────────────────────────
   Side quests and archive. Looser, warmer, unpolished. */
[data-room="play"] {
  --accent: var(--gold);
  --accent-2: var(--mint);
  --accent-soft: rgba(200, 184, 130, 0.08);
  --accent-edge: rgba(200, 184, 130, 0.3);

  /* Pure black rather than the site's near-black. side-quests.html had
     chosen this for itself and it is right for the room — the archive and
     the experiments read better with no floor under them at all — so it
     belongs here as the room's identity rather than as a page override
     that the shared layer cannot see. */
  --bg: #000000;
  --surface: #0d0d0d;
  --surface-2: #080808;
  --accent-chrome: var(--gold);
}

/* ── OFFICE ─────────────────────────────────────────────────
   About and contact. A lighter pink than the digital room: the same
   family, turned down — this is where you find the person rather than
   the work. */
[data-room="office"] {
  --accent: var(--rose);
  --accent-2: var(--mint);
  --accent-soft: rgba(240, 145, 159, 0.08);
  --accent-edge: rgba(240, 145, 159, 0.3);
  --accent-chrome: var(--rose);
}

/* ── EXHIBITION ─────────────────────────────────────────────
   Currently dark, matching the mint accent these pages already use.
   This is the one light room. Walking in should feel like stepping out of
   a workshop and into a gallery, so it inverts the whole ground rather
   than swapping an accent — which makes it the only room needing a full
   counterpart token set. Every colour the dark rooms rely on needs a
   light-ground equivalent here, or text lands on the wrong surface.

   Anything on an exhibition page that hardcodes a dark value instead of
   reading these tokens will not follow. Those are listed in the pages
   themselves; grep the room for rgba(10, 10, 10 and #0a0a0a before
   assuming a page is clean.
   ─────────────────────────────────────────────────────────── */
[data-room="exhibition"] {
  --bg: var(--cream);

  /* Black, and the mid-tones pulled well down with it. The room read as
     a white-out because everything in it sat within a few percent of the
     wall: measured, the panels were LIGHTER than the ground they sat on
     (1.11:1, the wrong way round) and the hairlines were at 1.23:1. A
     gallery is white walls and dark everything-else, not white on white. */
  --fg: #000000;
  --fg-mid: #3a3630;
  --fg-dim: #5f594f;
  --line: #cabfa9;
  --line-2: #a89e8c;
  --scrim: rgba(242, 236, 225, 0.92);

  /* Deep kiln green — the same family as --mint, taken down far enough
     to carry text on a pale ground. Measured on this room's three
     surfaces: 6.26:1 on the wall, 5.60 on --surface, 4.96 on --surface-2,
     so it passes AA as text anywhere in the room. --mint itself is
     1.86:1 here, which is why the room cannot simply borrow it. */
  --accent: #276048;
  --accent-2: var(--mint);
  --accent-soft: rgba(39, 96, 72, 0.08);
  --accent-edge: rgba(39, 96, 72, 0.3);
  /* On the dark chrome the bright mint is right, and reads at 8.42:1. */
  --accent-chrome: var(--mint);

  /* DARKER than the wall, not lighter. A label card in a gallery sits
     against the wall; it does not glow. */
  --surface: #e7e0d2;
  --surface-2: #dcd3c2;

  /* The photographs did not get lighter just because the room did. The
     accent has the same problem: the deep green is built for the cream
     wall and vanishes into a dark hero image, which is exactly what
     happened to the Cycle Arts eyebrow when the room's accent moved off
     the old warm brown. On media it hands over to the bright mint. */
  --accent-on-media: var(--mint);
  --fg-on-media: #ede9e1;
  --fg-on-media-mid: rgba(237, 233, 225, 0.72);
  --fg-on-media-dim: rgba(237, 233, 225, 0.5);

  color-scheme: light;
}


