/* Dough — Color tokens ("Ledger Blue")
   Warm canvas, one sober ink-blue accent, inverted panels for emphasis. */

:root {
  /* ---- Neutral ladder (warm) ---- */
  --canvas:            #faf9f6; /* default page background — warm off-white */
  --surface:           #FFFFFF; /* raised surfaces: cards, tables, nav, panels */
  --surface-raised:    #F1EFE9; /* segmented-control container, tag chips */
  --surface-tint:      #FBFAF7; /* open accordion header, faint fill */
  --border:            #E4E1DA; /* default hairline */
  --border-faint:      #EFEDE7; /* faintest divider */
  --border-strong:     #C8C5BD; /* stronger divider */
  --text-muted:        #6B6760; /* hierarchy / secondary text */
  --text-body:         #3A372F; /* body copy */
  --text-ink:          #16140F; /* headlines, near-black ink */

  /* ---- Accent — ink-blue, used scarcely ---- */
  --accent:            #0E2238; /* primary CTAs, links, wordmark, active states */
  --accent-press:      #0A1929; /* pressed accent */
  --accent-tint-bg:    #F4F6F9; /* selected-row tint, menu hover */
  --accent-on-dark:    #9DB2C9; /* accent text on inverted panels */
  --accent-mid:        #3A5777; /* mid-tone accent */

  /* ---- Inverted (emphasis) panels ---- */
  --inverted-bg:       #111418; /* cool inverted panel */
  --inverted-bg-warm:  #16140F; /* warm inverted panel */
  --inverted-text:     #F4F2EC; /* text on inverted */
  --inverted-muted:    #CFCBC2; /* muted text on inverted */
  --inverted-muted-2:  #8B8A85; /* faintest text on inverted */

  /* ---- Semantic / status (sober register, state only) ---- */
  --status-success:    #2F8F5B; /* Live */
  --status-warning:    #C98A2B; /* Review */
  --status-neutral:    #B9B5AB; /* Paused */
  --status-danger:     #9C2B2B; /* Delete / destructive — oxblood */

  /* ---- Semantic aliases ---- */
  --bg-page:           var(--canvas);
  --surface-card:      var(--surface);
  --text-heading:      var(--text-ink);
  --text-default:      var(--text-body);
  --text-secondary:    var(--text-muted);
  --border-default:    var(--border);
  --link:              var(--accent);
  --focus-ring:        var(--accent);
}