/* Generated by npm run design:tokens. Do not edit directly. */

:root,
[data-theme="dark"] {
  --bg: #090B0A;
  --surface: #131716;
  --surface-2: #1C211F;
  --surface-3: #242A27;
  --text: #D0D5CC;
  --text-mid: #8A9490;
  --text-lo: #7A8480;
  --ink: #D0D5CC;
  --muted: #8A9490;
  --work: #87B59E;
  --work-emphasis: #C8FF3C;
  --break: #8FB5C2;
  --break-emphasis: #3CCAFF;
  --warning: #E0BA70;
  --danger: #C8827A;
  --neutral: #7A8480;
  --border: #3A4240;
  --on-accent: #141A17;
  --on-emphasis: #0A0F0A;
  --brand-lime: #C8FF3C;
  --brand-cyan: #3CCAFF;
  --on-brand: #0A0F0A;
  --work-rgb: 135, 181, 158;
  --work-emphasis-rgb: 200, 255, 60;
  --break-rgb: 143, 181, 194;
  --break-emphasis-rgb: 60, 202, 255;
  --neutral-rgb: 122, 132, 128;
  --warning-rgb: 224, 186, 112;
  --danger-rgb: 200, 130, 122;
  --phase-focus-container: #213026;
  --phase-break-container: #1C2D33;
  --phase-idle-container: #1C211F;
  --phase-connection-connecting: #E0BA70;
  --phase-connection-live: #87B59E;
  --phase-connection-offline: #C8827A;
  --native-backdrop: rgba(8, 10, 8, 0.72);
  --native-surface: rgba(26, 31, 26, 0.97);
  --native-surface-border: #4A4F45;
  --native-surface-shadow: rgba(0, 0, 0, 0.56);
  --native-warm-glow: rgba(194, 161, 92, 0.18);
  --native-cool-glow: rgba(79, 110, 122, 0.22);
  --native-text-primary: #EDF0E3;
  --native-text-secondary: #B5BCAF;
  --native-text-muted: #A1AB9E;
  --native-focus-accent: #87B59E;
  --native-break-accent: #8FB5C2;
  --native-warning-accent: #E0BA70;
  --native-danger-accent: #C8827A;
  --native-on-accent: #141A17;
  --native-brand-pill-background: #29382E;
  --native-brand-pill-foreground: #BAD9C4;
  --native-break-pill-background: #26363D;
  --native-break-pill-foreground: #B8D1DE;
  --native-warning-pill-background: #4A3826;
  --native-warning-pill-foreground: #F0D199;
  --native-confirm-pill-background: #403626;
  --native-confirm-pill-foreground: #EDCF99;
  --native-divider: #474F47;
  --native-secondary-action: #B0BAAD;
  --native-progress-track: rgba(237, 240, 227, 0.12);
  --native-progress-fill: #87B59E;
}

[data-theme="light"] {
  --bg: #F4F7F1;
  --surface: #FFFFFF;
  --surface-2: #E8EFE9;
  --surface-3: #DCE7DE;
  --text: #16201B;
  --text-mid: #56645D;
  --text-lo: #738079;
  --ink: #16201B;
  --muted: #56645D;
  --work: #446E1E;
  --work-emphasis: #2E574A;
  --break: #216D88;
  --break-emphasis: #547380;
  --warning: #824733;
  --danger: #A24C45;
  --neutral: #6D7A73;
  --border: #C9D3CB;
  --on-accent: #F7FFF0;
  --on-emphasis: #F7FFF0;
  --brand-lime: #C8FF3C;
  --brand-cyan: #3CCAFF;
  --on-brand: #0A0F0A;
  --work-rgb: 68, 110, 30;
  --work-emphasis-rgb: 46, 87, 74;
  --break-rgb: 33, 109, 136;
  --break-emphasis-rgb: 84, 115, 128;
  --neutral-rgb: 109, 122, 115;
  --warning-rgb: 130, 71, 51;
  --danger-rgb: 162, 76, 69;
  --phase-focus-container: #DCE8DE;
  --phase-break-container: #DDEAF0;
  --phase-idle-container: #F1EBDD;
  --phase-connection-connecting: #D0A85C;
  --phase-connection-live: #3C7A5C;
  --phase-connection-offline: #8D5D57;
  --native-backdrop: rgba(28, 26, 20, 0.52);
  --native-surface: rgba(255, 250, 240, 0.97);
  --native-surface-border: #C9BFAA;
  --native-surface-shadow: rgba(82, 66, 41, 0.3);
  --native-warm-glow: rgba(212, 191, 138, 0.34);
  --native-cool-glow: rgba(105, 135, 145, 0.22);
  --native-text-primary: #1F2924;
  --native-text-secondary: #667568;
  --native-text-muted: #6E7D73;
  --native-focus-accent: #446E1E;
  --native-break-accent: #216D88;
  --native-warning-accent: #824733;
  --native-danger-accent: #A24C45;
  --native-on-accent: #F7FFF0;
  --native-brand-pill-background: #DEEADB;
  --native-brand-pill-foreground: #2E574A;
  --native-break-pill-background: #E0EAF2;
  --native-break-pill-foreground: #547380;
  --native-warning-pill-background: #F5E6D4;
  --native-warning-pill-foreground: #824733;
  --native-confirm-pill-background: #F5EDD9;
  --native-confirm-pill-foreground: #785430;
  --native-divider: #CFC7B5;
  --native-secondary-action: #6E7D73;
  --native-progress-track: rgba(53, 74, 61, 0.08);
  --native-progress-fill: #446E1E;
}

:root {
  --r-card: 18px;
  --r-btn: 10px;
  --r-sm: 8px;
  --r-xs: 6px;
  --r-pill: 100px;

  --space-50: 2px;
  --space-100: 4px;
  --space-150: 6px;
  --space-200: 8px;
  --space-300: 12px;
  --space-400: 16px;
  --space-500: 20px;
  --space-600: 24px;

  --font-sans: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: 'Playfair Display', Georgia, serif;
}