/*
 * Design tokens (DESIGN.md §6).
 *
 * All palette + sizing values live here as :root custom properties.
 * Trackers and components reference these names; never hard-code hex values.
 */

:root {
  /* Scale palette (warm → cool) — default gradient for any bucketed tracker. */
  --c-red:        #e07060;
  --c-orange:     #e69449;
  --c-yellow:     #e7c34a;
  --c-green:      #8cb96a;
  --c-dark-green: #4f8a4a;

  /* Categorical palette — for enum/multi_enum without a good→bad axis. */
  --c-purple: #9d7fc7;
  --c-blue:   #6a93cf;
  --c-pink:   #e08aab;
  --c-teal:   #5fb5a6;
  --c-gray:   #c4c4c4;
  --c-slate:  #7a8693;

  /* Cell + layout tokens. */
  --radius-cell: 0.5rem;
  --cell-gap:    0.25rem;

  /* Surface + text tokens. */
  --bg:         #fafaf7;
  --surface:    #ffffff;
  --text:       #1f2328;
  --text-muted: #6b7280;
  --border:     #e5e7eb;

  /* Typography. */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;

  color-scheme: light;
}