/* Generated by Silverpoint from the design. A re-export replaces this file only while it is unchanged. */
:root {
  color-scheme: light dark;
  --accent: #0A6CFF;
  --accent-label: #0A5AD6;
  --backdrop-accent: #B3234F;
  --backdrop-deep: #DAD6D3;
  --backdrop-ground: #E6E3E1;
  --backdrop-line: rgba(90, 86, 88, 0.19);
  --canvas-bg: #E6E7EE;
  --canvas-dot: rgba(0, 0, 0, 0.15);
  --control-fill: rgba(0, 0, 0, 0.06);
  --destructive: #C4001A;
  --destructive-soft: rgba(196, 0, 26, 0.12);
  --glass-edge: rgba(255, 255, 255, 0.8);
  --glass-fill: rgba(255, 255, 255, 0.72);
  --glass-fill-strong: rgba(255, 255, 255, 0.88);
  --glass-tint: rgba(10, 108, 255, 0.12);
  --glow-blue: rgba(90, 162, 255, 0.45);
  --glow-teal: rgba(95, 216, 196, 0.4);
  --glow-violet: rgba(181, 139, 255, 0.4);
  --hover: rgba(0, 0, 0, 0.05);
  --label: #1D1D1F;
  --label-secondary: #4A4A50;
  --label-tertiary: #5C5C62;
  --on-accent: #FFFFFF;
  --radius-capsule: 999px;
  --radius-control: 12px;
  --radius-panel: 20px;
  --radius-window: 28px;
  --scrim: rgba(29, 29, 31, 0.35);
  --selection: rgba(10, 108, 255, 0.15);
  --separator: rgba(0, 0, 0, 0.1);
  --shadow: rgba(29, 29, 31, 0.15);
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-4: 4px;
  --space-8: 8px;
  --success: #12692C;
  --success-soft: rgba(26, 127, 55, 0.12);
  --surface: #FFFFFF;
  --track-off: rgba(120, 120, 128, 0.25);
  --window-bg: #F4F4F8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent: #1470EB;
    --accent-label: #6CA8FF;
    --backdrop-accent: #F5809F;
    --backdrop-deep: #121212;
    --backdrop-ground: #1C1B1B;
    --backdrop-line: rgba(214, 211, 212, 0.2);
    --canvas-bg: #121216;
    --canvas-dot: rgba(255, 255, 255, 0.15);
    --control-fill: rgba(255, 255, 255, 0.1);
    --destructive: #FF6961;
    --destructive-soft: rgba(255, 105, 97, 0.18);
    --glass-edge: rgba(255, 255, 255, 0.18);
    --glass-fill: rgba(42, 42, 48, 0.72);
    --glass-fill-strong: rgba(52, 52, 59, 0.88);
    --glass-tint: rgba(10, 132, 255, 0.2);
    --glow-blue: rgba(10, 132, 255, 0.35);
    --glow-teal: rgba(31, 181, 160, 0.25);
    --glow-violet: rgba(125, 92, 255, 0.3);
    --hover: rgba(255, 255, 255, 0.08);
    --label: #F5F5F7;
    --label-secondary: #C7C7CC;
    --label-tertiary: #A1A1A6;
    --on-accent: #FFFFFF;
    --scrim: rgba(0, 0, 0, 0.6);
    --selection: rgba(10, 132, 255, 0.32);
    --separator: rgba(255, 255, 255, 0.14);
    --shadow: rgba(0, 0, 0, 0.5);
    --success: #32D74B;
    --success-soft: rgba(50, 215, 75, 0.18);
    --surface: #2A2A30;
    --track-off: rgba(120, 120, 128, 0.4);
    --window-bg: #1E1E22;
  }
}