/* ── Design tokens & reset ──────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --brand:        #2F5D3A;
  --brand-light:  #426A49;
  --brand-muted:  #23482D;
  --brand-dark:   #1e3d27;
  --accent:       #4F8A5B;
  --accent-soft:  #EAF3EC;

  --harvest:      #D9A441;
  --harvest-soft: #FDF3DC;
  --soil:         #8B6A4A;
  --soil-soft:    #F3EBE3;
  --sky:          #6C9BCF;
  --sky-soft:     #E3EEF8;

  --bg:           #F7F6F1;
  --surface:      #FFFFFF;
  --border:       #E3E5DF;
  --border-soft:  #EDEEE9;

  --text:         #172018;
  --text-muted:   #6B756B;
  --text-xmuted:  #9BA69B;

  --danger:       #C0392B;
  --danger-soft:  #FDECEA;
  --success:      #4F8A5B;
  --success-soft: #EAF3EC;

  --sidebar-w:    248px;
  --radius:       10px;
  --shadow-sm:    0 1px 3px rgba(23,32,24,.07), 0 1px 2px rgba(23,32,24,.04);
  --shadow:       0 4px 16px rgba(23,32,24,.10);
  --transition:   150ms ease;

  --font:         'Plus Jakarta Sans', system-ui, sans-serif;
}

body {
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
}

a { color: inherit; text-decoration: none; }