/* Generated by build/generate.py from tokens/tokens.json. Do not edit by hand. */

:root {
  --pit-bg-window: #F5F6FA;
  --pit-bg-sidebar: #F7F8FA;
  --pit-bg-card: #FFFFFF;
  --pit-bg-field: #EFF0F3;
  --pit-bg-hover: #E9EAEE;
  --pit-bg-selected: #E2E4E9;
  --pit-text-primary: #17191D;
  --pit-text-secondary: #6B7280;
  --pit-text-tertiary: #9BA1AC;
  --pit-text-on-accent: #FFFFFF;
  --pit-border: #E1E4E9;
  --pit-divider: #ECEEF1;
  --pit-track-off: #D6D8DE;
  --pit-accent: #3385FF;
  --pit-accent-hover: #2B73E6;
  --pit-accent-soft: #E8F1FF;
  --pit-success: #2FB457;
  --pit-warning: #F0A030;
  --pit-danger: #E8453C;
  --pit-caution-text: #C2501E;
  --pit-tile-blue: #2D7CF6;
  --pit-tile-indigo: #5B5BE6;
  --pit-tile-cyan: #17B8CE;
  --pit-tile-green: #2FB457;
  --pit-tile-orange: #F0893A;
  --pit-tile-red: #F0555E;
  --pit-tile-pink: #D858C8;
  --pit-tile-purple: #7B61FF;
  --pit-tile-gray: #7A818C;
  --pit-radius-tile: 7px;
  --pit-radius-control: 8px;
  --pit-radius-menu: 10px;
  --pit-radius-card: 12px;
  --pit-radius-pill: 999px;
  --pit-space-1: 4px;
  --pit-space-2: 8px;
  --pit-space-3: 12px;
  --pit-space-4: 16px;
  --pit-space-5: 24px;
  --pit-space-6: 32px;
  --pit-row-height: 44px;
  --pit-control-height: 36px;
  --pit-switch-width: 44px;
  --pit-switch-height: 26px;
  --pit-switch-knob: 22px;
  --pit-slider-track: 4px;
  --pit-slider-knob: 18px;
  --pit-icon-tile: 28px;
  --pit-icon-tile-compact: 22px;
  --pit-sidebar-width: 236px;
  --pit-headerbar-height: 48px;
  --pit-dialog-width: 440px;
  --pit-focus-ring: 2px;
  --pit-focus-offset: 2px;
  --pit-elevation-card: 0 1px 2px rgba(10, 15, 26, 0.06);
  --pit-elevation-menu: 0 8px 24px rgba(10, 15, 26, 0.17);
  --pit-elevation-dialog: 0 16px 48px rgba(10, 15, 26, 0.22);
  --pit-font-ui: 'Inter', system-ui, sans-serif;
  --pit-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

[data-theme='dark'] {
  --pit-bg-window: #1B1B1D;
  --pit-bg-sidebar: #222224;
  --pit-bg-card: #2C2C2E;
  --pit-bg-field: #3A3A3C;
  --pit-bg-hover: #3A3A3C;
  --pit-bg-selected: #3F3F43;
  --pit-text-primary: #F2F2F5;
  --pit-text-secondary: #9D9DA5;
  --pit-text-tertiary: #76767C;
  --pit-text-on-accent: #FFFFFF;
  --pit-border: #3A3A3C;
  --pit-divider: #343436;
  --pit-track-off: #4A4A4E;
  --pit-accent: #0A84FF;
  --pit-accent-hover: #2B95FF;
  --pit-accent-soft: #15345C;
  --pit-success: #2FB457;
  --pit-warning: #F0A030;
  --pit-danger: #FF453A;
  --pit-caution-text: #FF9F6A;
  --pit-tile-blue: #2D7CF6;
  --pit-tile-indigo: #5B5BE6;
  --pit-tile-cyan: #17B8CE;
  --pit-tile-green: #2FB457;
  --pit-tile-orange: #F0893A;
  --pit-tile-red: #F0555E;
  --pit-tile-pink: #D858C8;
  --pit-tile-purple: #7B61FF;
  --pit-tile-gray: #7A818C;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --pit-bg-window: #1B1B1D;
    --pit-bg-sidebar: #222224;
    --pit-bg-card: #2C2C2E;
    --pit-bg-field: #3A3A3C;
    --pit-bg-hover: #3A3A3C;
    --pit-bg-selected: #3F3F43;
    --pit-text-primary: #F2F2F5;
    --pit-text-secondary: #9D9DA5;
    --pit-text-tertiary: #76767C;
    --pit-text-on-accent: #FFFFFF;
    --pit-border: #3A3A3C;
    --pit-divider: #343436;
    --pit-track-off: #4A4A4E;
    --pit-accent: #0A84FF;
    --pit-accent-hover: #2B95FF;
    --pit-accent-soft: #15345C;
    --pit-success: #2FB457;
    --pit-warning: #F0A030;
    --pit-danger: #FF453A;
    --pit-caution-text: #FF9F6A;
    --pit-tile-blue: #2D7CF6;
    --pit-tile-indigo: #5B5BE6;
    --pit-tile-cyan: #17B8CE;
    --pit-tile-green: #2FB457;
    --pit-tile-orange: #F0893A;
    --pit-tile-red: #F0555E;
    --pit-tile-pink: #D858C8;
    --pit-tile-purple: #7B61FF;
    --pit-tile-gray: #7A818C;
  }
}