/* deck-tokens.css, the design tokens. v3: one file, two skins.
   SITE-REDESIGN.md is the design of record. Law: no hex appears anywhere
   else, a color outside this file is a bug. Shared verbatim by
   watchtower/ and familiar/static/ (a fork of this file is a bug,
   test-enforced by familiar/test_familiar.py).

   The two sides, one door:
     html[data-side="paper"], the Broadsheet: sepia, editorial, public.
     html[data-side="floor"], the Floor: near-black metal, gold accents.
   :root carries the floor values as the default, so any page that does not
   declare a side (legacy pages, the local keep) lands on the Floor skin.

   Legacy v2 token names (--omen-*, --filigree, --gild, --oracle-*) are the
   kept compatibility surface, remapped to the v3 palette. The FF6/arcade
   values they once held are retired, in git history, not orphaned. */

:root {
  /* -- surfaces: near-black brushed metal ------------------------------ */
  --omen-0: #0c0c0e;            /* ground */
  --omen-1: #141417;            /* panel */
  --omen-2: #1c1d21;            /* raised */
  --omen-3: #26272c;            /* highest / hover */

  /* -- light ----------------------------------------------------------- */
  --gild: #c9a227;              /* gold: action, money, focus, never body text */
  --gild-dim: #8a7019;
  --accent: #c9a227;            /* the side's one accent (gold, by night) */
  --accent-dim: #8a7019;
  --filigree: #d8d4c8;          /* live data numerals, bright warm, not neon */
  --filigree-dim: #6b675c;
  --magi-red: #ff3b30;          /* breach only */
  --settle-green: #00c805;      /* money settles only */

  /* -- the old FF6 window tokens, remapped to metal --------------------- */
  --oracle-hi: #1c1d21;
  --oracle-lo: #101013;
  --oracle-border: #3a3b41;

  /* -- chrome ----------------------------------------------------------- */
  --steel: #17181b;
  --rivet: #33343a;

  /* -- ink -------------------------------------------------------------- */
  --ink: #e8e6df;               /* warm off-white */
  --ink-dim: #9a968c;
  --line: #2a2b30;              /* hairline */

  /* -- type (vendored OFL faces; @font-face in deck-ui.css) ------------- */
  --face-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --face-label: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --face-mono: "JetBrains Mono VF", ui-monospace, Menlo, Consolas, monospace;
  /* the engraved face (v3.1 looks pass): inscriptional capitals for marks,
     room titles, and name plates — the letters carved over the door.
     Lowercase renders as small caps; never for body text. */
  --face-engraved: "Cinzel", "Iowan Old Style", Georgia, serif;
  --face-display: var(--face-label);   /* labels by night, serif by day */
  --face-oracle: var(--face-serif);    /* oracle prose: the serif, italic */
  /* v2 pixel faces retired; the old names fall through to the label face
     so a straggler reference degrades to grotesk, never to a missing font */
  --face-arcade: var(--face-label);
  --face-jrpg: var(--face-label);

  /* -- rhythm ------------------------------------------------------------ */
  --gap: 10px;
  --pad: 14px;
  --r: 4px;                     /* machined edge */

  /* -- effects: the v2 neon glows are retired (names kept, now inert) ---- */
  --glow-data: none;
  --glow-trim: none;
  --glow-alarm: none;
  --shadow-window: 0 18px 50px rgba(0, 0, 0, .55);
  --backdrop: rgba(5, 5, 6, .72);
  --hatch-breach: rgba(255, 59, 48, .08);
  --focus-halo: rgba(201, 162, 39, .32);

  /* -- the engraving set (inline SVG art inherits these) ----------------- */
  --engrave-ink: #b5af9d;       /* dark plate: pale line on metal */
  --engrave-faint: #55524a;
  --engrave-beam: rgba(201, 162, 39, .20);   /* the gold beam, by night */

  /* -- brushed-metal grain (panels only, a few percent, never a photo) --- */
  --noise-alpha: .04;
  --noise: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAAAAAByaaZbAAADsUlEQVR42jWWQXLEQAgD/eo5ceDAiVdH3Wy2UuuNZwYEErK/nu63r7peve55r3dzr2vztVs9xSe3X/7Zrx/7szQ9ub7anOaz+SRWTvbLmfxMyH0fe7J7hy2JsQmWqM+gkzMzbzZBZ7KhcyDHprcC5QXPy2rWXbtkSf6yPVlezr5v+c7hXJIoqPLnSgOwK/uI0iQn0xcYSZwMyVMpdoadVRwtkvNdJAJi7Tf8GmGTgG8gJuISvdv1EmmCFAeGjJXdxAEd+ZYsiRP8NUKmn92BBJCEISnbg/FanY3pUVaJzioJ6qOpZHjepBhqhgW/6GoaEBZH5uZbiKX3BQgwsAUIXAoYAx250JT9FtI5w2qYXOgKeksFzyMxaJvK3hcgKTb7l4MBBy3esadQgYS25LLro/PZR3cDfQxJMwe+EyuFLrVBQtq/3+NfoYyquQqgslpyUOaPt1z3k5LssgBFMf+6SqBo9LlGlOxErWgHFaU/QQ6SgeHlRJIMjCR8qtuxBsUXoto7nE8DKNoZAunC3k/+yzykCk6oMqCfRtqhmHe/0QtcDzXcOIbrhu3iWlZDaGR+VCGdEEcnkF6WECEE0uTkp/65sApKAUYazKLpRGEzn0KhQe2YQRAAiHvzAAT6gQ/s1ayT0KHhrCJbZvUTAGLCbpzHpTl1SQvG6fQTVRBSQ6lcp1ojAgyn4Rm9oiudha0fukFCOJZjhYv90HMLktfojK8TR/lw+q5DeBjlrRL4GQ6HEWQmbuuYAzhRuP2k7+cT86vYydtksElXFKJFu7MHE0cyYetBpExbbdpzEHUvJ2OR6BrMPutaDqkDdB7hvJSW9tPrtaz9OXpTRd6aI2f1jyPP6VwyoUd+Ym3G/lBCAfsEXc7n0oEnx8iqGFR6l1sftCQ1WyDv3L+s8SkAR3GICD8aGerWWJ1KZ7bwnZ8y3MvdlmlFxYqK14EhYSzirbPcoytRdNwbXeIYp1ok8jSp5zA74y1Jjtl+isWnGP6gBULYzxzn19d3D73EjPONJdh23G8O3Wm+vapVGt90ae8/0YBlVBnUt5LU8u4gsfBWhGEhWuA9g46JqxMvdAoZEpluq3Xf+ChYZ0lypBHu9+r+9MYhnbN5eqY6xm6uFjoGqZT7YaK+Cayg4GcUwWrk1ZqgLwnczjyYdG56xHAPsal7slwXbrih5WP8yDI8B9iKidOWV2dnVu1jWLY/H/Cz9+5gj+V1Jfqe1T6M8D2m5cMWpZHG8AgqmfXd4Cb2vXulcbbqDwP4gOUJ3wroAAAAAElFTkSuQmCC");

  /* -- motion (the door beat; killed by prefers-reduced-motion in CSS) -- */
  --beat: 900ms;
  --quick: 140ms;

  color-scheme: dark;
}

/* ================= the Broadsheet — now the one skin ==================== */
/* SITE-UNIFICATION (2026-07-23, operator ask): the hosted site unifies on the
   sepia Broadsheet. Every page that declares a side — paper OR floor — now
   carries this aged-paper palette; `data-side` only tells deck-ui.js which
   SHELL to render (the rail+floorbar console on "floor", the editorial
   masthead on "paper"). The near-black metal skin above (:root) is retired as
   the site skin; it survives only as the fallback for pages that declare no
   side — the self-hosted familiar keep, which keeps its own dark console. */
html[data-side="paper"], html[data-side="floor"] {
  --omen-0: #f4ede1;            /* aged paper */
  --omen-1: #f9f4ea;            /* panel */
  --omen-2: #efe6d6;            /* recessed */
  --omen-3: #e9dec9;

  --gild: #b98a2f;              /* door-gold: used once, the way in */
  --gild-dim: #946d24;
  --accent: #8c3b22;            /* rust/oxblood: links, small CTAs */
  --accent-dim: #6d2e1b;
  --filigree: #1e1a14;          /* data prints in ink by day */
  --filigree-dim: #6b6152;

  --oracle-hi: #f9f4ea;
  --oracle-lo: #efe6d6;
  --oracle-border: #d8ccb8;

  --steel: #efe6d6;
  --rivet: #d8ccb8;

  --ink: #1e1a14;               /* near-black umber */
  --ink-dim: #6b6152;
  --line: #d8ccb8;

  --face-display: var(--face-serif);   /* editorial serif by day */

  --r: 0px;                     /* square: a printed page, not an app */

  --shadow-window: 0 14px 40px rgba(30, 26, 20, .18);
  --backdrop: rgba(30, 26, 20, .35);
  --hatch-breach: rgba(140, 59, 34, .10);
  --focus-halo: rgba(140, 59, 34, .28);

  --engrave-ink: #4a3a28;       /* sepia line on paper */
  --engrave-faint: #8a785e;
  --engrave-beam: rgba(185, 138, 47, .13);

  --noise-alpha: 0;             /* paper carries no metal grain */

  color-scheme: light;
}