/* Токены дизайн-системы Team One, раздел 2 (копия без изменений). Шрифты подключены локально: fonts.css */
:root, [data-theme="light"] {
  --canvas: #e5e4e9;
  --surface: #ffffff;
  --surface-2: #f4f4f7;
  --surface-3: #ebeaf0;
  --line: #dcdbe2;
  --line-strong: #6f6e78;
  --ink: #000000;
  --ink-muted: #57565f;
  --primary: #000000;
  --on-primary: #ffffff;
  --violet: #7759eb;
  --on-violet: #ffffff;
  --violet-ink: #5b3fd6;
  --violet-soft: #e8e3fd;
  --lime: #c1db82;
  --on-lime: #000000;
  --lime-soft: #eef5dc;
  --positive-ink: #3a6512;
  --teal: #29b4c9;
  --on-teal: #000000;
  --teal-soft: #d7f1f5;
  --teal-ink: #0b6676;
  --amber: #f2b33d;
  --on-amber: #000000;
  --amber-soft: #fdeecb;
  --amber-ink: #7f5000;
  --danger: #ff5c47;
  --on-danger: #000000;
  --danger-soft: #ffe3de;
  --danger-ink: #b8260f;
  --chart-1: #7759eb;
  --chart-2: #1f9fb3;
  --chart-3: #e39a1c;
  --chart-4: #d9539a;
  --chart-5: #6f8f24;
  --chart-other: #a3a2ab;
  --chart-grid: #ebeaf0;
  --link: var(--violet-ink);
  --shadow-sm: 0 1px 2px #0000000d;
  --shadow-lg: 0 4px 8px #00000014, 0 16px 40px -8px #00000029;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #7759eb;
}
[data-theme="dark"] {
  --canvas: #0c0c0e;
  --surface: #17171b;
  --surface-2: #1f1f24;
  --surface-3: #28282e;
  --line: #2c2c33;
  --line-strong: #7a7983;
  --ink: #f4f4f6;
  --ink-muted: #a3a2ab;
  --primary: #f4f4f6;
  --on-primary: #0c0c0e;
  --violet: #7759eb;
  --on-violet: #ffffff;
  --violet-ink: #b3a3ff;
  --violet-soft: #29234d;
  --lime: #c1db82;
  --on-lime: #0c0c0e;
  --lime-soft: #232d12;
  --positive-ink: #b5d46e;
  --teal: #29b4c9;
  --on-teal: #0c0c0e;
  --teal-soft: #10323a;
  --teal-ink: #6fd0de;
  --amber: #f2b33d;
  --on-amber: #0c0c0e;
  --amber-soft: #3a2b0c;
  --amber-ink: #f2c46a;
  --danger: #ff5c47;
  --on-danger: #0c0c0e;
  --danger-soft: #3d1712;
  --danger-ink: #ff8a78;
  --chart-1: #8670f0;
  --chart-2: #1c98ab;
  --chart-3: #c4841a;
  --chart-4: #d65597;
  --chart-5: #6b8c22;
  --chart-other: #57565f;
  --chart-grid: #28282e;
  --shadow-sm: 0 1px 2px #00000080;
  --shadow-lg: 0 16px 40px -8px #000000cc;
  --focus-ring: 0 0 0 2px #17171b, 0 0 0 4px #9d88ff;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #0c0c0e;
    --surface: #17171b;
    --surface-2: #1f1f24;
    --surface-3: #28282e;
    --line: #2c2c33;
    --line-strong: #7a7983;
    --ink: #f4f4f6;
    --ink-muted: #a3a2ab;
    --primary: #f4f4f6;
    --on-primary: #0c0c0e;
    --violet: #7759eb;
    --on-violet: #ffffff;
    --violet-ink: #b3a3ff;
    --violet-soft: #29234d;
    --lime: #c1db82;
    --on-lime: #0c0c0e;
    --lime-soft: #232d12;
    --positive-ink: #b5d46e;
    --teal: #29b4c9;
    --on-teal: #0c0c0e;
    --teal-soft: #10323a;
    --teal-ink: #6fd0de;
    --amber: #f2b33d;
    --on-amber: #0c0c0e;
    --amber-soft: #3a2b0c;
    --amber-ink: #f2c46a;
    --danger: #ff5c47;
    --on-danger: #0c0c0e;
    --danger-soft: #3d1712;
    --danger-ink: #ff8a78;
    --chart-1: #8670f0;
    --chart-2: #1c98ab;
    --chart-3: #c4841a;
    --chart-4: #d65597;
    --chart-5: #6b8c22;
    --chart-other: #57565f;
    --chart-grid: #28282e;
    --shadow-sm: 0 1px 2px #00000080;
    --shadow-lg: 0 16px 40px -8px #000000cc;
    --focus-ring: 0 0 0 2px #17171b, 0 0 0 4px #9d88ff;
    color-scheme: dark;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 40px;
  --radius-full: 9999px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --sidebar-w: 248px;
  --topbar-h: 64px;
  --drawer-w: 560px;
  --row-h: 52px;
  --kanban-col-w: 296px;
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}