/* ADVOCATE NIL — semantic tokens v1.0 (approved) PuzzleMake's room, adopted whole. The one LIGHT room. Contrast rule: gold is fills-only on paper; gold-toned LINKS use --link-gold (var(--gold-deep)), never --interactive as text. */ /* Scoped, not :root. A page adopts this room with data-room on ; a section adopts it with data-room on the section. One file serves both, which is what retired styles/tokens/rooms.css. */ [data-room='nil'] { --surface-0: var(--paper-0); --surface-1: var(--paper-1); --surface-2: var(--paper-2); --surface-3: var(--paper-1); /* + shadow for elevation */ --border: var(--paper-line); --text-hi: var(--ink-900); --text-dim: var(--ink-500); --interactive: var(--gold-pm); --on-interactive: var(--ink-900); --info: var(--steel-nil-aa); /* AA on paper; see primitives */ --success: var(--green-nil); --warning: var(--gold-warn-nil); --danger: var(--red-nil); --link-gold: var(--gold-deep); /* AA-safe gold text on paper */ /* THE CARD LAYER'S OWN TONE, and the only slot outside the thirteen. The room's gold is right for a door and wrong for a card: the identity card's piece read as a gold shape on paper, and the gate as a solid gold panel that swallowed the operator's own logo, whose gold half sat at 1.15:1 against it. This is that gold walked toward the room's own paper — the same family, a card's weight. Two consumers, one definition: the piece's fill (rail.css) and the gate's OUTLINE (spine.css). The gate was the second of those as a FILL until contract v1.3 took the fill away entirely — the mark needs paper behind it, not a lighter panel — so the tone stayed and the property it lands on changed. --interactive is untouched, so every link, eyebrow and rule in the room is what it was. */ --card-accent: var(--gold-pm-beige); /* CLR-03: hover mixes toward the opposite pole; light room, so black. */ --hover-pole: black; /* CLR-02 inverts on paper. --surface-3 and --surface-1 are the same white, so height cannot be lightness here and a shadow carries it instead. Moved from the retired rooms.css. */ --elevation-1: 0 1px 2px color-mix(in srgb, var(--ink-900) 6%, transparent), 0 2px 10px color-mix(in srgb, var(--ink-900) 7%, transparent); --elevation-3: 0 0.75rem 2rem color-mix(in srgb, var(--ink-900) 14%, transparent); }