/* ============================================================================
   The token layer. Every colour the site's hand-written CSS uses.

   Moved out of hover.css on 2026-09-10, at Claude Design's suggestion. These
   properties were never hover-specific: they are the colour system, and half of
   them are used by nothing in that file. Keeping them there meant the token
   layer could only be found by reading a file named for something else, and the
   moment a second stylesheet wanted --accent it would have depended on
   hover.css being loaded, which nobody would predict from the name.

   NOT ONE VALUE, NAME OR COMMENT CHANGED IN THE MOVE. The block below is
   byte-for-byte what it was. If something in it looks wrong, raise it rather
   than fixing it here.

   LOAD ORDER: this file must come before any stylesheet that reads a variable.
   Today that is hover.css alone, and only the homepage loads it, so getting the
   order wrong would look fine right now and break the first time a generated
   stylesheet emits a var(). dcport.add_stylesheet() puts it first and asserts
   it; do not move it.

   The generated per-page stylesheets deliberately carry LITERAL hex, not var().
   They are built by dcport.py reading values out of the design files, and a
   literal-to-token mapping would have to stay in step with those files, where a
   wrong entry gives a subtly wrong colour with no error. Literals in generated
   output, tokens for anything hand-written.
   ============================================================================ */

:root {
  /* Two accent hovers, deliberately NOT consolidated.
     Links are accent text on light: darkening raises contrast.
     Buttons are the reverse, #15171B text on an accent fill, where #C9501F
     drops the pair to about 4.0:1 and fails the 4.5:1 minimum for the 15px
     bold label. #D9561F holds about 4.59:1. */
  --accent:            #E8622E;
  --accent-press:      #D9561F;   /* hover fill for accent BUTTONS */
  --accent-link-hover: #C9501F;   /* hover colour for accent TEXT LINKS */

  --on-ink:            #E9EAEC;
  --on-ink-muted:      #A9AEB6;
  --on-ink-faint:      #7C838C;
  --on-ink-dim:        #9AA0A8;
  --rule-on-ink:       #3A3F47;
  --rule-on-ink-hover: #5E656E;

  --ink:               #16181C;
  --ink-muted:         #5C6169;
  --rule:              #E2E2DE;
  --rule-strong:       #D8D8D3;
  --surface-2:         #F2F2EF;
  --surface-2-hover:   #E9E9E5;
  --surface-3:         #EDEDE9;
  --accent-hairline:   #F2C8B6;
  --accent-label-ink:  #15171B;   /* label on an accent fill, never white */
}