/* SIATURH — generated from tokens.json */
:root, [data-theme="light"] {
  --surface-page: #f7f4ef;
  --surface: #ffffff;
  --surface-muted: #f1ece4;
  --surface-hover: #ebe4d9;
  --border: #e0d8cc;
  --border-control: #857a6f;
  --ink: #231c18;
  --ink-muted: #5c534b;
  --ink-subtle: #6e655c;
  --primary: #7b1e3a;
  --primary-hover: #5f1729;
  --on-primary: #ffffff;
  --primary-soft: #f5e6eb;
  --on-primary-soft: #6a1932;
  --accent: #b38e5d;
  --accent-soft: #efe4d2;
  --on-accent-soft: #5b4423;
  --sidebar: #2a1c1f;
  --on-sidebar: #e9dfe1;
  --on-sidebar-muted: #b3a2a6;
  --sidebar-active: #4a2a33;
  --success: #1d6b44;
  --success-soft: #e1f0e7;
  --danger: #b02a20;
  --danger-hover: #8c2019;
  --on-danger: #ffffff;
  --danger-soft: #fbe7e4;
  --warning: #8a5300;
  --warning-soft: #fcefd4;
  --info: #1d5a85;
  --info-soft: #e3eef6;
  --focus: #7b1e3a;
  --chart-1: #7b1e3a;
  --chart-2: #a07a45;
  --chart-grid: #e0d8cc;
  --overlay: rgba(35, 20, 24, 0.55);
  --shadow-sm: 0 1px 2px rgba(35, 28, 24, 0.06);
  --shadow-md: 0 6px 18px rgba(35, 28, 24, 0.10);
  --shadow-lg: 0 18px 48px rgba(35, 28, 24, 0.18);
}
[data-theme="dark"] {
  --surface-page: #151110;
  --surface: #1f1917;
  --surface-muted: #2a2320;
  --surface-hover: #342b27;
  --border: #3b322d;
  --border-control: #8e8279;
  --ink: #f4eee8;
  --ink-muted: #c4b9af;
  --ink-subtle: #a99e94;
  --primary: #e48aa5;
  --primary-hover: #efa9be;
  --on-primary: #2b0c16;
  --primary-soft: #3a1c25;
  --on-primary-soft: #f2c3d1;
  --accent: #c9a676;
  --accent-soft: #3a3023;
  --on-accent-soft: #e8d4b4;
  --sidebar: #110d0c;
  --on-sidebar: #e9dfe1;
  --on-sidebar-muted: #a8999c;
  --sidebar-active: #3a2027;
  --success: #7fd1a3;
  --success-soft: #173226;
  --danger: #ff9b8f;
  --danger-hover: #ffb8ae;
  --on-danger: #3a0905;
  --danger-soft: #3a1a17;
  --warning: #f2c063;
  --warning-soft: #36290f;
  --info: #8cc3ec;
  --info-soft: #16283a;
  --focus: #f2b8c9;
  --chart-1: #e48aa5;
  --chart-2: #d4b07c;
  --chart-grid: #3b322d;
  --overlay: rgba(0, 0, 0, 0.65);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --control-sm: 30px;
  --control-md: 38px;
  --control-lg: 44px;
  --topbar-h: 56px;
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --drawer-w: 520px;
  --font-sans: "Noto Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Noto Sans Mono", ui-monospace, Consolas, monospace;
}