:root {
  --bg-0: #0d0f0e;
  --bg-1: #141715;
  --bg-2: #1c201d;
  --bg-3: #262b27;
  --line: #2e3531;
  --line-strong: #3d453f;
  --text-0: #eef2ee;
  --text-1: #a8b2ab;
  --text-2: #6f7a73;
  --accent: #e8a33d;
  --accent-dim: #8a6224;
  --accent-glow: rgba(232, 163, 61, .15);
  --accent-ink: #1a1206;
  --ok: #5fb87a;
  --warn: #d9a441;
  --danger: #d9614a;
  --info: #5b9bd5;
  --glass: rgba(20, 23, 21, .75);
  --grid-alpha: .25;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --fs-xs: 11px; --fs-sm: 13px; --fs-base: 14px; --fs-md: 16px;
  --fs-lg: 20px; --fs-xl: 26px; --fs-2xl: 34px;
  --lh-tight: 1.2; --lh-normal: 1.55; --lh-loose: 1.75;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 40px; --sp-8: 48px;

  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-full: 999px;

  --sh-1: 0 1px 2px rgba(0, 0, 0, .3);
  --sh-2: 0 4px 12px rgba(0, 0, 0, .35);
  --sh-3: 0 12px 32px rgba(0, 0, 0, .45);

  --t: 140ms ease-out;
  --header-h: 56px;
  --sidebar-w: 300px;
}

html.theme-light {
  --bg-0: #f7f5f1;
  --bg-1: #ffffff;
  --bg-2: #f0ede6;
  --bg-3: #e6e2d8;
  --line: #ddd8cc;
  --line-strong: #c4bdae;
  --text-0: #1b1e1c;
  --text-1: #4a524d;
  --text-2: #7b837d;
  --accent: #c47f12;
  --accent-dim: #e8c88a;
  --accent-glow: rgba(196, 127, 18, .14);
  --accent-ink: #ffffff;
  --ok: #2f8a4e;
  --warn: #a8710d;
  --danger: #c04a33;
  --info: #2d6fb0;
  --glass: rgba(255, 255, 255, .8);
  --grid-alpha: .5;
  --sh-1: 0 1px 2px rgba(60, 50, 30, .12);
  --sh-2: 0 4px 12px rgba(60, 50, 30, .14);
  --sh-3: 0 12px 32px rgba(60, 50, 30, .18);
}