/* Hearth design tokens. Source of truth: DESIGN.md section 4. */
:root {
  --bg:              #FAF6EF;
  --surface:         #FFFFFF;
  --surface-raised:  #FFFFFF;
  --fg:              #231F1A;
  --fg-strong:       #15110D;
  --muted:           #857B6B;
  --subtle:          #B3A997;
  --accent:          #DD6B3C;
  --accent-ink:      #B2522A;
  --accent-soft:     #F8E6D6;
  --accent-tint:     #FBF1E7;
  --border:          #E8DDC8;
  --border-strong:   #D5C7A8;
  --good:            #3B6B4A;
  --good-soft:       #E0ECDE;
  --warn:            #B65D3C;

  --radius:          10px;
  --radius-sm:       6px;
  --shadow-sm:       0 1px 2px rgba(68, 44, 20, 0.04),
                     0 1px 1px rgba(68, 44, 20, 0.03);
  --shadow:          0 4px 16px rgba(68, 44, 20, 0.06);

  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Inter', -apple-system, system-ui, sans-serif;

  --gutter: max(16px, env(safe-area-inset-left, 0px));
  --content-max: 1120px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:             #1A1511;
    --surface:        #231D18;
    --surface-raised: #2A231D;
    --fg:             #EDE4D4;
    --fg-strong:      #F6EFE0;
    --muted:          #9F927C;
    --subtle:         #6D6354;
    --accent:         #EB8155;
    --accent-ink:     #F39B74;
    --accent-soft:    #3F2A1E;
    --accent-tint:    #2A1F17;
    --border:         #342A21;
    --border-strong:  #45382B;
    --good:           #83B18C;
    --good-soft:      #2A3A2D;
    --warn:           #D97A54;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg:             #1A1511;
  --surface:        #231D18;
  --surface-raised: #2A231D;
  --fg:             #EDE4D4;
  --fg-strong:      #F6EFE0;
  --muted:          #9F927C;
  --subtle:         #6D6354;
  --accent:         #EB8155;
  --accent-ink:     #F39B74;
  --accent-soft:    #3F2A1E;
  --accent-tint:    #2A1F17;
  --border:         #342A21;
  --border-strong:  #45382B;
  --good:           #83B18C;
  --good-soft:      #2A3A2D;
  --warn:           #D97A54;
  color-scheme: dark;
}