/* PALLETIS APS — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #f5f7f6;
  --surface-raised: #ffffff;
  --surface-sunken: #eef2f0;
  --line: #e2e8e5;
  --line-strong: #7d8f8b;
  --ink: #152528;
  --ink-muted: #55666a;
  --nav: #0f2e2e;
  --nav-raised: #16403f;
  --nav-ink: #e6efe9;
  --green: #489a03;
  --green-strong: #2d7f04;
  --green-soft: #e4f6da;
  --green-text: #2f7a03;
  --on-green: #ffffff;
  --lime: #8dc240;
  --ai: #6710d9;
  --ai-strong: #4f04c1;
  --ai-soft: #f0e8fd;
  --ai-text: #5a0fc0;
  --on-ai: #ffffff;
  --danger: #d10a0a;
  --danger-soft: #fed3d5;
  --danger-text: #b00c14;
  --on-danger: #ffffff;
  --warning: #f3860b;
  --warning-soft: #fee7ad;
  --warning-text: #8a4a00;
  --info: #1c6bfb;
  --info-soft: #dbe9fe;
  --info-text: #0b4fc4;
  --orange: #fd7903;
  --on-orange: #152528;
  --wood: #d9a463;
  --wood-light: #f2cf94;
  --wood-dark: #aa6f2e;
  --focus: #2d7f04;
  --shadow-card: 0 1px 2px #15252814, 0 2px 8px #1525280f;
  --shadow-float: 0 8px 24px #15252824, 0 2px 6px #15252814;
  --shadow-ai: 0 4px 14px #6710d940;
}
[data-theme="dark"] {
  --surface: #0b1f1f;
  --surface-raised: #12292a;
  --surface-sunken: #0f2425;
  --line: #24403f;
  --line-strong: #5b7a76;
  --ink: #e8f0ec;
  --ink-muted: #9fb3ad;
  --nav: #071717;
  --nav-raised: #0f2a2a;
  --nav-ink: #e6efe9;
  --green: #6cc21f;
  --green-strong: #6cc21f;
  --green-soft: #1b3a1a;
  --green-text: #7fd133;
  --on-green: #0b1f1f;
  --lime: #a6d65e;
  --ai: #b78cff;
  --ai-strong: #c9a6ff;
  --ai-soft: #2a1d47;
  --ai-text: #c9a6ff;
  --on-ai: #0b1f1f;
  --danger: #ff6b6b;
  --danger-soft: #3d1518;
  --danger-text: #ff8a8a;
  --on-danger: #0b1f1f;
  --warning: #ffa94d;
  --warning-soft: #3a2a0d;
  --warning-text: #ffc067;
  --info: #5b9bff;
  --info-soft: #10264a;
  --info-text: #8fb8ff;
  --orange: #ff9a3d;
  --on-orange: #0b1f1f;
  --wood: #d9a463;
  --wood-light: #f2cf94;
  --wood-dark: #aa6f2e;
  --focus: #a6d65e;
  --shadow-card: 0 1px 3px #00000080;
  --shadow-float: 0 12px 32px #000000b3;
  --shadow-ai: 0 4px 14px #b78cff33;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --sidebar-width: 248px;
  --topbar-height: 80px;
  --control-height: 40px;
  --touch-target: 48px;
  --tabbar-height: 64px;
  --font-brand: Montserrat, "Segoe UI", system-ui, sans-serif;
  --font-ui: Barlow, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}