/*
  Techne Legal — extended design tokens
  Base 9 variables (--ink through --field) are the tokens already LIVE on the
  techne-legal Cloud Run mockup (techne-legal-115964156751.us-central1.run.app) —
  extracted from its shipped CSS on 2026-07-30. Do not rename/change those without
  updating the deployed site. Everything below --field is new, derived from
  verified stone colors documented in research.md — reserve each for the usage
  noted, don't blend them all onto one surface (the real building never uses
  more than 2-3 colored stones plus white/gold on any one panel).
*/
:root {
  /* --- existing / live --- */
  --ink: #221f1a;
  --ink-soft: #4a453c;
  --cream: #e9e0cb;
  --cream-lt: #f1eadb;
  --porpora: #55344f;   /* muted imperial purple — general frames/borders */
  --gold: #8f7130;
  --gold-lt: #b48f3d;
  --rosso: #7c2b26;     /* rosso antico — small accent only (dividers, dots) */
  --field: #f6f0e2;

  /* --- new: imperial porphyry proper (Rota Porphyretica) ---
     richer/more saturated than --porpora; reserve for exactly ONE hero
     medallion per screen (a "Rota moment"), never as a repeating frame */
  --rota: #6e2438;
  --rota-fleck: #cbc3b2;      /* pale feldspar crystal inclusions in porphyry */

  /* --- new: verde antico (serpentine breccia) ---
     the "third stone" the current palette is missing; use as a cool
     counterweight to porpora/rosso — pilaster bases, secondary panels */
  --verde-antico: #47543f;
  --verde-antico-lt: #7c8a6d;

  /* --- new: giallo antico (antique yellow marble) ---
     mouldings, balustrades, backdrop panels — warmer and paler than --gold,
     use where gold would be too metallic/heavy */
  --giallo-antico: #b9862c;
  --giallo-antico-lt: #e2c583;

  /* --- new: africano (near-black mottled stone) ---
     deepest value in the system; frame/anchor color for a "signature" surface
     (e.g. an owner/admin dashboard chrome), not for body text or wide fields */
  --africano: #211d24;

  /* --- new: pavonazzetto veining (violet-on-white) ---
     use as a vein/hairline accent over --cream-lt or --field, never as a fill */
  --pavonazzetto-vein: #6a3450;

  /* --- new: cipollino (grey-green banded stone) ---
     quiet neutral alternative to cream for secondary chrome (sidebars, cards
     that shouldn't compete with a primary porphyry/gold panel) */
  --cipollino: #8a978c;
  --cipollino-lt: #d3d9cd;

  /* --- new: argento (the silver key, Coat of Arms of the Holy See) ---
     the system's one true neutral metal; pair only with --gold in the
     crossed-keys / access-control motif, don't use as a general grey */
  --argento: #9c9484;

  /* --- formalized 2026-08-01, per David: explicitly NOT the rounded-corner /
     soft-non-serif "techy" look. Values below were already live in the shipped
     style.css (body font-family, zero border-radius on every panel/button/
     input/section) but weren't captured as named tokens here — adding them so
     this file stays the single source of truth instead of the mockup's CSS
     silently being the only place the rule lives. --- */
  --font-serif: "Times New Roman", Times, serif;   /* live body font-family, verified in style.css */
  --radius: 0;   /* every rectangular surface is square-cornered; the ONLY
     circular shapes in the system are deliberate ornamental discs/dots
     (e.g. .ornament .dot at border-radius:50%, the Rota Porphyretica medallion)
     — never a "softened" 4-8px corner-radius on a panel, card, or button */
}