/* ============================================================
   Binding Chaos Encyclopedia — Core palette
   ------------------------------------------------------------
   A calm, paper-grounded neutral scale with a single restrained
   navy accent. Values are verbatim from the Design Brief v1.2
   "Core palette" specimen. The palette reads as a serious public
   library/encyclopedia: warm paper, ink-on-paper text, one civic
   navy for action and links.
   ============================================================ */

:root {
  /* ---- Base neutrals (warm paper scale) ---- */
  --paper:        #FBFAF7; /* page background */
  --card:         #F4F2EC; /* card / sunken surface */
  --hairline:     #E4E1D8; /* borders, rules, dividers */

  /* ---- Ink (text) scale ---- */
  --ink-1:        #1A1A18; /* body ink — primary text */
  --ink-2:        #52514C; /* secondary ink — supporting text */
  --ink-3:        #8A887F; /* tertiary ink — meta, captions, muted */

  /* ---- Accent (civic navy) ---- */
  --accent:       #2C4A7C; /* links, primary action, focus */
  --accent-hover: #1F3559; /* hover / pressed accent */
  --accent-wash:  #E8EEF6; /* tint behind accent contexts */

  /* ---- Draft / pending state (muted, never alarming) ---- */
  --draft-ink:    #8A887F;
  --draft-wash:   #F0EEE7;

  /* ============================================================
     Semantic aliases — prefer these in components & pages.
     They name the role, not the value, so a future re-theme
     touches only this block.
     ============================================================ */

  /* Surfaces */
  --surface-page:     var(--paper);
  --surface-card:     var(--card);
  --surface-sunken:   var(--card);
  --surface-overlay:  var(--paper);
  --surface-accent:   var(--accent-wash);

  /* Text */
  --text-strong:    var(--ink-1);
  --text-body:      var(--ink-1);
  --text-secondary: var(--ink-2);
  --text-muted:     var(--ink-3);
  --text-onaccent:  var(--paper);
  --text-link:      var(--accent);
  --text-link-hover:var(--accent-hover);

  /* Lines */
  --border-hairline: var(--hairline);
  --border-strong:   var(--ink-3);

  /* Interactive */
  --action-bg:        var(--accent);
  --action-bg-hover:  var(--accent-hover);
  --action-fg:        var(--paper);
  --focus-ring:       var(--accent);
}