

  :root {
    --bg: #f4f3ef;
    --surface: #ffffff;
    --surface2: #f0efe9;
    --surface3: #e8e6df;
    --border: rgba(0,0,0,0.07);
    --border2: rgba(0,0,0,0.13);
    --text: #1a1a18;
    --text2: #6b6860;
    --text3: #a09d95;
    --accent: #4a7c00;
    --accent-dim: rgba(74, 124, 0, 0.1);
    --accent-text: #ffffff;
    --red: #c0392b;
    --red-dim: rgba(192,57,43,0.09);
    --amber: #b56f00;
    --amber-dim: rgba(181,111,0,0.1);
    --blue: #1a6ab5;
    --blue-dim: rgba(26,106,181,0.09);
    --teal: #0e7a52;
    --teal-dim: rgba(14,122,82,0.09);
    --sidebar-w: 280px;
    --header-h: 52px;
    --radius: 8px;
    --radius-lg: 12px;
    --font: 'DM Sans', sans-serif;
    --font-mono: 'DM Mono', monospace;
    --font-serif: 'Instrument Serif', serif;
    --transition: 150ms ease;
  }