/* ============================================================
   ROWE brand tokens — canonical source of truth.

   This file is vendored byte-identical into:
     - ROWE-woocommerce/wp-content/themes/rowe-woocommerce-theme/assets/rowe-tokens.css
     - ROWE-shopify-theme/assets/rowe-tokens.css (from Phase 1 onward)

   Do not hand-edit the vendored copies. Change this file, then re-copy
   it into each theme repo. scripts/check-tokens.sh enforces the two
   stay identical. See BRAND.md for usage guidance.

   ------------------------------------------------------------
   PALETTE UPDATE (2026-08-31) — official brand artwork adopted.

   The previous values were extracted from a partner-provided reference
   design (see BRAND.md "Origin"), which predated the brand designer's
   final artwork. The eight colours below are lifted from `ROWE BRAND/`,
   confirmed by reading the fills out of the supplied lockups and
   cross-checking each against the filename that names its colour:

     Carbon   #282C2D    Brass 2  #A67A45
     Bone     #EBE5DA    Veld     #303D2A
     Blaze    #D9531E    Mirage   #565844
     Brass 1  #8C653E    Steel    #6D757D

   Token NAMES are unchanged so no theme file needed editing. The ~22
   derived tokens were not re-picked by eye: each was measured as a
   blend of its base in the old palette, and that same blend re-applied
   to the new base, so every interaction state, tint and divider keeps
   the relationship it had. The four greens were assigned by role
   instead, because the official palette has two greens (Veld, Mirage)
   where the old one had a single lighter sage that fitted neither.

   "Steel" is our name for the eighth colour. The designer's own label for
   it uses vocabulary this site forbids outright, so the value is adopted
   and the label is not. This file is scanned by the content guard, so the
   original term cannot be written here even to explain its absence. The
   guard is wired into .pre-commit-config.yaml; see CLAUDE.md for the rule.
   ============================================================ */
:root{
  --graphite:#282C2D;--bone:#EBE5DA;--paper:#F8F5F1;--copper:#D9531E;--bronze:#8C653E;
  --sage:#999788;--brass:#A67A45;--sagedeep:#565844;--stone:#6D757D;
  --mist:#BFBEB9;--line:#DBD5CA;--graphite-2:#232528;--graphite-line:#303337;--bone-warm:#E1D7C9;

  /* Cool dark surfaces and dividers — the green-leaning dark family used
     by nav, footer, spec panels and ghost buttons, distinct from the
     warm --graphite-2/--graphite-line pair above. */
  --graphite-3:#313431;--graphite-line-cool:#383B35;
  --graphite-line-cool-2:#3A3E36;--graphite-line-cool-3:#51585D;

  /* Text on dark surfaces, brightest to faintest. */
  --bone-dim:#CCCDC7;--bone-dimmer:#B3B4AB;--bone-faint:#A9AEB2;
  --sage-dim:#96978B;--bone-faintest:#8D939A;

  /* Copper interaction states and light tints (hover fill, text on
     tint, rules, alert/status backgrounds). */
  --copper-hover:#AB4218;--copper-deep:#983A15;--copper-line:#CE5628;
  --copper-tint:#FAEAE4;--copper-tint-line:#F4CDBE;

  /* Sage equivalents, used for success/positive states. --sage-deep-2 is
     Veld, the official deep green. */
  --sage-deep-2:#303D2A;--sage-tint:#EDECEA;--sage-tint-line:#D6D5CF;

  --font-body:'Inter',system-ui,sans-serif;
  --font-serif:'Newsreader',Georgia,serif;
  --font-mono:'JetBrains Mono',monospace;
  --font-display:'Archivo',sans-serif;
}