/* SPDX-FileCopyrightText: 2026 lasse tech, Lars Gossard */
/* SPDX-License-Identifier: LicenseRef-Proprietary */
/* Copy of the Palaver design system tokens (lasse-tech/palaver, client/src/renderer/design/tokens.css). */
/* Generated by scripts/build-tokens.js from tokens.json. Do not edit. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-0: #0e1013;
  --bg-100: #15181c;
  --bg-200: #1b1f24;
  --bg-300: #232830;
  --bg-400: #2d333c;
  --line: #313843;
  --line-strong: #76808e;
  --fg: #ece8df;
  --fg-muted: #a7adb6;
  --fg-subtle: #8a919c;
  --brass: #f2b23a;
  --brass-text: #f5c263;
  --on-brass: #1c1405;
  --brass-tint: rgba(242, 178, 58, 0.13);
  --pulse: #3ddc97;
  --pulse-text: #3ddc97;
  --on-pulse: #04140d;
  --live: #ff6159;
  --on-live: #1e0706;
  --coal: #232830;
  --focus: #f7cb6f;
  --scrim: rgba(8, 9, 11, 0.72);
  --peer-1: #7cc4ff;
  --peer-2: #ff9ec7;
  --peer-3: #9be38a;
  --peer-4: #ffb86b;
  --peer-5: #c3a6ff;
  --peer-6: #6fe0d6;
  --on-peer: #0e1013;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
  --glow-brand: 0 0 0 rgba(0, 0, 0, 0);
  --glow-pulse: 0 0 0 rgba(0, 0, 0, 0);
  --glow-live: 0 0 0 rgba(0, 0, 0, 0);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-sm-office: 3px;
  --radius-md-office: 4px;
  --radius-lg-office: 6px;
  --size-avatar-sm: 24px;
  --size-avatar-md: 40px;
  --size-avatar-lg: 72px;
  --size-control: 36px;
  --size-call-button: 48px;
  --size-sidebar: 248px;
  --size-touch: 48px;
  --size-avatar-xl: 96px;
  --size-control-sm: 28px;
  --size-iconbtn-sm: 32px;
  --size-row: 32px;
  --size-row-lg: 40px;
  --size-row-xl: 56px;
  --size-seg: 30px;
  --size-seg-sm: 24px;
  --size-chip: 26px;
  --size-toolbar: 44px;
  --size-control-office: 32px;
  --size-control-sm-office: 24px;
  --size-iconbtn-sm-office: 28px;
  --size-call-button-office: 40px;
  --size-row-office: 28px;
  --size-row-lg-office: 36px;
  --size-row-xl-office: 48px;
  --size-seg-office: 26px;
  --size-seg-sm-office: 22px;
  --size-chip-office: 22px;
  --size-toolbar-office: 40px;
  --size-avatar-sm-office: 20px;
  --size-avatar-md-office: 32px;
  --size-avatar-lg-office: 64px;
  --size-avatar-xl-office: 80px;
  --size-sidebar-office: 264px;
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-emoji: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --font-office-sans: "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-office-mono: "Noto Sans Mono", Consolas, ui-monospace, Menlo, monospace;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg-0: #e8e5de;
  --bg-100: #f1efea;
  --bg-200: #faf9f6;
  --bg-300: #ffffff;
  --bg-400: #e7e3db;
  --line: #dcd8cf;
  --line-strong: #7f7a70;
  --fg: #1a1c1f;
  --fg-muted: #545a62;
  --fg-subtle: #676c74;
  --brass: #b8760a;
  --brass-text: #8a5300;
  --on-brass: #1c1405;
  --brass-tint: rgba(184, 118, 10, 0.12);
  --pulse: #0f7f52;
  --pulse-text: #0c7049;
  --on-pulse: #ffffff;
  --live: #c4302a;
  --on-live: #ffffff;
  --coal: #232830;
  --focus: #7a4600;
  --scrim: rgba(26, 28, 31, 0.48);
  --peer-1: #1f5fae;
  --peer-2: #ad2366;
  --peer-3: #2c7320;
  --peer-4: #9a4d08;
  --peer-5: #6437b8;
  --peer-6: #0b6e6a;
  --on-peer: #ffffff;
  --shadow-pop: 0 12px 32px rgba(40, 32, 20, 0.16);
  --glow-brand: 0 0 0 rgba(0, 0, 0, 0);
  --glow-pulse: 0 0 0 rgba(0, 0, 0, 0);
  --glow-live: 0 0 0 rgba(0, 0, 0, 0);
}

:root[data-theme="neon"] {
  color-scheme: dark;
  --bg-0: #0a0514;
  --bg-100: #110a22;
  --bg-200: #170d2d;
  --bg-300: #20133d;
  --bg-400: #2b1a52;
  --line: #3b2670;
  --line-strong: #8a6cd6;
  --fg: #f5eeff;
  --fg-muted: #c0addf;
  --fg-subtle: #a08bcb;
  --brass: #ff3fd2;
  --brass-text: #ff85e4;
  --on-brass: #1a0216;
  --brass-tint: rgba(255, 63, 210, 0.16);
  --pulse: #2ee6ff;
  --pulse-text: #2ee6ff;
  --on-pulse: #02161b;
  --live: #ff6b2c;
  --on-live: #1a0602;
  --coal: #232830;
  --focus: #ffe94d;
  --scrim: rgba(5, 2, 12, 0.8);
  --peer-1: #6ec8ff;
  --peer-2: #ff9ad9;
  --peer-3: #8dff9a;
  --peer-4: #ffc15e;
  --peer-5: #b89bff;
  --peer-6: #5cf0e0;
  --on-peer: #0a0514;
  --shadow-pop: 0 0 0 1px rgba(255, 63, 210, 0.35), 0 12px 40px rgba(255, 63, 210, 0.22);
  --glow-brand: 0 0 14px rgba(255, 63, 210, 0.55);
  --glow-pulse: 0 0 14px rgba(46, 230, 255, 0.6);
  --glow-live: 0 0 14px rgba(255, 107, 44, 0.55);
}

:root[data-theme="office"] {
  color-scheme: light;
  --bg-0: #e6eaf0;
  --bg-100: #f3f5f8;
  --bg-200: #fafbfc;
  --bg-300: #ffffff;
  --bg-400: #e2e7ee;
  --line: #d5dbe3;
  --line-strong: #7a8494;
  --fg: #18212e;
  --fg-muted: #475264;
  --fg-subtle: #5b6677;
  --brass: #1f4a7d;
  --brass-text: #1d4677;
  --on-brass: #ffffff;
  --brass-tint: rgba(31, 74, 125, 0.08);
  --pulse: #18794a;
  --pulse-text: #146a40;
  --on-pulse: #ffffff;
  --live: #b42318;
  --on-live: #ffffff;
  --coal: #232830;
  --focus: #173d69;
  --scrim: rgba(24, 33, 46, 0.45);
  --peer-1: #2e6fcf;
  --peer-2: #ad2366;
  --peer-3: #2c7320;
  --peer-4: #9a4d08;
  --peer-5: #6437b8;
  --peer-6: #0b6e6a;
  --on-peer: #ffffff;
  --shadow-pop: 0 1px 2px rgba(24, 33, 46, 0.08), 0 8px 24px rgba(24, 33, 46, 0.12);
  --glow-brand: 0 0 0 rgba(0, 0, 0, 0);
  --glow-pulse: 0 0 0 rgba(0, 0, 0, 0);
  --glow-live: 0 0 0 rgba(0, 0, 0, 0);
}