/* ============================================================================
   Texas Fire Salaries — Design tokens
   Restrained public-information design: neutral surfaces and slate typography,
   with the logo colors used sparingly for actions and data states.
   ========================================================================== */

:root {
  /* ---- Brand palette ---- */
  --stone-50:  #FAFAFA;
  --stone-100: #F3F5F6;
  --stone-200: #E8EBEE;
  --stone-300: #D9DEE3;
  --stone-400: #B7C0C8;

  --ink-900: #17212B;
  --ink-700: #35424E;
  --ink-500: #5D6975;
  --ink-400: #7B8690;
  --ink-300: #9BA4AC;

  --ember-700: #B93F1B;
  --ember-600: #D65329;
  --ember-500: #E86C43;
  --ember-100: #F8DCD1;
  --ember-050: #FFF3EE;

  --teal-700: #315E65;
  --teal-600: #47747B;
  --teal-500: #638E94;
  --teal-100: #E7EFF0;

  /* ---- Semantic surfaces ---- */
  --bg:            #F7F8F9;
  --bg-raised:     #FFFFFF;
  --bg-sunken:     var(--stone-100);
  --bg-inset:      var(--stone-200);
  --border:        var(--stone-300);
  --border-strong: var(--stone-400);
  --text:          var(--ink-900);
  --text-soft:     var(--ink-500);
  --text-faint:    var(--ink-400);
  --accent:        var(--ember-600);
  --accent-hover:  var(--ember-700);
  --accent-soft:   var(--ember-050);
  --accent-2:      var(--teal-600);
  --accent-2-soft: var(--teal-100);
  --focus-ring:    #638E94;

  /* ---- Status: data confidence (keys mirror consensus.js CONFIDENCE) ---- */
  --c-dept-fg:        #006D86; --c-dept-bg:        #DDF7FC;
  --c-strong-fg:      #197340; --c-strong-bg:      #DFF4E7;
  --c-reported-fg:    #43566F; --c-reported-bg:    #E8EEF5;
  --c-conflicting-fg: #B83A11; --c-conflicting-bg: #FFE6DC;
  --c-needed-fg:      #5F6F82; --c-needed-bg:      #E9EEF4;

  /* ---- Status: freshness (keys mirror consensus.js FRESHNESS) ---- */
  --f-current-fg:  #006D86; --f-current-bg:  #DDF7FC;
  --f-update-fg:   #8A5A12; --f-update-bg:   #FFF1CF;
  --f-outdated-fg: #B83A11; --f-outdated-bg: #FFE6DC;
  --f-upcoming-fg: #4A4A8A; --f-upcoming-bg: #E9E8FB;

  /* ---- Typography ---- */
  --font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;

  --fs-display: clamp(2.55rem, 5.2vw, 4.35rem);
  --fs-h1: clamp(1.9rem, 3.6vw, 2.7rem);
  --fs-h2: clamp(1.4rem, 2.4vw, 1.9rem);
  --fs-h3: 1.25rem;
  --fs-lg: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.78rem;

  --lh-tight: 1.06;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  /* ---- Spacing scale ---- */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem; --sp-9: 6rem;

  /* ---- Radius / shadow / layout ---- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 24px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(23,33,43,.04), 0 3px 10px rgba(23,33,43,.035);
  --shadow-md: 0 8px 22px rgba(23,33,43,.08);
  --shadow-lg: 0 18px 42px rgba(23,33,43,.13);
  --maxw: 1180px;
  --maxw-narrow: 780px;
  --nav-h: 72px;

  color-scheme: light;
}