/* ============================================================
     TOKENS
     ============================================================ */
  :root{
    --bg: #F4EDDD;
    --bg-elev: #FFFCF5;
    --bg-sunken: #E9D8B9;
    --bg-sidebar: #241A12;
    --border: #DDC9A3;
    --border-soft: #ECE0C6;
    --text: #34241A;
    --text-dim: #6E5945;
    --text-faint: #9C8768;
    --accent: #BC6941;
    --accent-dark: #954E28;
    --accent-soft: #EAD2BC;
    --accent-contrast: #F5ECDC;
    --good: #4C7A5E;
    --good-soft: #DEE8E0;
    --warn: #A9782B;
    --warn-soft: #F1E3C4;
    --bad: #9C3B33;
    --bad-soft: #F1DBD6;
    --sidebar-text: #EDE3D2;
    --sidebar-text-dim: #A79A83;
    --sidebar-border: #3A2C1C;
    --radius-s: 3px;
    --radius-m: 4px;
    --radius-l: 6px;
    --shadow-pop: 0 12px 32px -12px rgba(33,27,20,0.35);
    --dot-texture: radial-gradient(circle, rgba(245,236,220,0.4) 1.3px, transparent 1.5px);
    --font-display: 'Lora', 'Iowan Old Style', 'Palatino Linotype', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    --sidebar-w: 268px;
    --sidebar-w-collapsed: 76px;
    --header-h: 64px;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg: #18120C;
      --bg-elev: #221A12;
      --bg-sunken: #140F0A;
      --bg-sidebar: #140F0A;
      --border: #3A2C1C;
      --border-soft: #2B2116;
      --text: #F1E6D4;
      --text-dim: #C2AD8C;
      --text-faint: #8B795F;
      --accent: #E2895A;
      --accent-dark: #C4703F;
      --accent-soft: #3D2716;
      --accent-contrast: #1E140D;
      --good: #7FAE91;
      --good-soft: #223028;
      --warn: #D2A85B;
      --warn-soft: #362B18;
      --bad: #D3796E;
      --bad-soft: #382019;
      --sidebar-text: #EDE3D2;
      --sidebar-text-dim: #8B8069;
      --sidebar-border: #2B2116;
      --shadow-pop: 0 12px 32px -12px rgba(0,0,0,0.6);
      --dot-texture: radial-gradient(circle, rgba(30,20,13,0.35) 1.3px, transparent 1.5px);
    }
  }
  :root[data-theme="dark"]{
    --bg: #18120C;
    --bg-elev: #221A12;
    --bg-sunken: #140F0A;
    --bg-sidebar: #140F0A;
    --border: #3A2C1C;
    --border-soft: #2B2116;
    --text: #F1E6D4;
    --text-dim: #C2AD8C;
    --text-faint: #8B795F;
    --accent: #E2895A;
    --accent-dark: #C4703F;
    --accent-soft: #3D2716;
    --accent-contrast: #1E140D;
    --good: #7FAE91;
    --good-soft: #223028;
    --warn: #D2A85B;
    --warn-soft: #362B18;
    --bad: #D3796E;
    --bad-soft: #382019;
    --sidebar-text: #EDE3D2;
    --sidebar-text-dim: #8B8069;
    --sidebar-border: #2B2116;
    --shadow-pop: 0 12px 32px -12px rgba(0,0,0,0.6);
    --dot-texture: radial-gradient(circle, rgba(30,20,13,0.35) 1.3px, transparent 1.5px);
  }

  *{box-sizing:border-box;}
  html,body{height:100%;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    font-size:14.5px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-0.01em;text-wrap:balance;}
  p{margin:0;}
  button{font-family:inherit;}
  a{color:inherit;text-decoration:none;}
  svg{display:block;flex:none;}
  ::selection{background:var(--accent-soft);}

  .icon{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}