/* ============================================================
   SEAL SITES — root site · SEED A · "TRADE PRINTER"
   Point of view: ink on paper. A job printer's spec sheet.
   Type does the work; rules and boxes do the organising.
   ------------------------------------------------------------
   Palette is the SETTLED constraint (blueprint §7 call 2):
   warm paper ground, near-black ink, ONE deep teal accent.
   All three seeds share it. What varies between seeds is
   STRUCTURE and TYPE, never the palette.
   ------------------------------------------------------------
   Shape rule (one system, stated): panels and boxes 4px —
   near-square, like a trimmed sheet. Controls full-pill.
   The phone bezel is the ONE exception and is representational,
   not a component radius — it is a picture of a phone.
   ============================================================ */

:root {
  /* colour */
  --paper:      #f7f4ed;   /* page ground — warm stock, not white */
  --panel:      #efeade;   /* raised/inset panels */
  --ink:        #141210;   /* primary text, rules, borders   17.1:1 on paper */
  --ink-2:      #55504a;   /* secondary text                  7.3:1 on paper */
  --hair:       #cfc7b6;   /* light rules between spec rows */
  --accent:     #0e5c57;   /* the one teal                    7.1:1 on paper */
  --accent-2:   #0a4340;   /* pressed/hover state of teal fills */
  --accent-ink: #ffffff;   /* text ON teal                    7.8:1 on accent */

  /* the dark contact band — the one place ink becomes the ground.
     These belong HERE and not in the page: tokens.css is sold as the whole
     re-skin surface, so a colour hiding in index.html is a band that quietly
     keeps the old palette when a client gets re-skinned. */
  --on-dark:     #d8d2c6;  /* body copy on the ink ground    11.2:1 */
  --on-dark-2:   #b9b2a4;  /* secondary on the ink ground     8.9:1 */
  --accent-lift: #7fd6cf;  /* the teal, lifted to read on ink 8.9:1 */

  /* type — letterpress display over a working grotesque.
     Archivo Black is Rosa's BODY font promoted to our DISPLAY font:
     the token-swap thesis performed rather than asserted (§5). */
  --font-display: "Archivo Black", "Arial Black", "Helvetica Neue", sans-serif;
  --font-body:    "Archivo", system-ui, "Segoe UI", Roboto, sans-serif;

  /* shape */
  --r-box:  4px;
  --r-pill: 999px;
  --rule:   3px;           /* the heavy section rule */
  --offset: 9px;           /* the hard offset shadow — the maker's mark */

  /* rhythm (4/8 scale) */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 96px;

  --w-page: 940px;
}