/* Generated by pulp import-design --format css-variables */
:root {
  --accent-error: #ff5c4d;
  --accent-info: #5e78ff;
  --accent-primary: #10b6a3;
  --accent-secondary: #8b6cf5;
  --accent-success: #3fcf77;
  --accent-text: #042420;
  --accent-warning: #f6b847;
  --bg-elevated: #ffffff;
  --bg-primary: #edeff2;
  --bg-secondary: #e0e4e9;
  --bg-surface: #e6e9ee;
  --card-empty: #ffffff;
  --card-error: #ff5c4d28;
  --card-loading: #f1f3f5;
  --card-ready: #ffffff;
  --control-border: #b5bdc7;
  --control-fader_width: 24px;
  --control-fill: #10b6a3;
  --control-knob_size: 48px;
  --control-meter_width: 12px;
  --control-thumb: #14171c;
  --control-track: #d0d6dd;
  --divider: #b5bdc7;
  --focus-ring: #ff5c4d;
  --font-family: Jost;
  --font-lg: 18px;
  --font-md: 14px;
  --font-mono: JetBrains Mono;
  --font-sm: 12px;
  --font-xl: 24px;
  --font-xs: 10px;
  --gradient-end: #e0e4e9;
  --gradient-start: #10b6a3;
  --key-black: #1b222b;
  --key-white: #f4f6f8;
  --knob-arc: #10b6a3;
  --knob-arc-bg: #d0d6dd;
  --knob-thumb: #14171c;
  --line_height-lg: 28px;
  --line_height-md: 20px;
  --line_height-sm: 16px;
  --meter-green: #3fcf77;
  --meter-red: #ff5c4d;
  --meter-yellow: #f6b847;
  --modal-bg: #ffffff;
  --modal-border: #b5bdc7;
  --motion-duration-fast: 0.08px;
  --motion-duration-meter_decay: 0.3px;
  --motion-duration-normal: 0.15px;
  --motion-duration-peak_hold: 1.5px;
  --motion-duration-slow: 0.3px;
  --motion-easing-enter: ease_out_quad;
  --motion-easing-exit: ease_in_quad;
  --motion-easing-interaction: ease_out_cubic;
  --nav-selected-bg: #16dac226;
  --nav-selected-text: #16dac2;
  --overlay-bg: #edeff2b4;
  --progress-fill: #10b6a3;
  --progress-track: #d0d6dd;
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 4px;
  --slider-fill: #10b6a3;
  --slider-thumb: #14171c;
  --slider-track: #d0d6dd;
  --spacing-lg: 16px;
  --spacing-md: 8px;
  --spacing-sm: 4px;
  --spacing-xl: 24px;
  --spacing-xs: 2px;
  --spinner: #10b6a3;
  --surface-panel: #12161c;
  --tab-active: #10b6a3;
  --tab-inactive: #858a90;
  --text-disabled: #989da3;
  --text-link: #10b6a3;
  --text-primary: #14171c;
  --text-secondary: #5f6369;
  --tooltip-bg: #14171c;
  --tooltip-text: #edeff2;
  --waveform-fill: #10b6a350;
  --waveform-grid: #dfe3e8;
  --waveform-line: #10b6a3;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent-error: #ff5c4d;
    --accent-info: #5e78ff;
    --accent-primary: #16dac2;
    --accent-secondary: #8b6cf5;
    --accent-success: #3fcf77;
    --accent-text: #052320;
    --accent-warning: #f6b847;
    --bg-elevated: #1e2530;
    --bg-primary: #161a21;
    --bg-secondary: #28303c;
    --bg-surface: #0e1116;
    --card-empty: #1e2530;
    --card-error: #ff5c4d28;
    --card-loading: #222934;
    --card-ready: #1e2530;
    --control-border: #39414a;
    --control-fader_width: 24px;
    --control-fill: #16dac2;
    --control-knob_size: 48px;
    --control-meter_width: 12px;
    --control-thumb: #f3f6f9;
    --control-track: #2a323d;
    --divider: #39414a;
    --focus-ring: #ff5c4d;
    --font-family: Jost;
    --font-lg: 18px;
    --font-md: 14px;
    --font-mono: JetBrains Mono;
    --font-sm: 12px;
    --font-xl: 24px;
    --font-xs: 10px;
    --gradient-end: #28303c;
    --gradient-start: #16dac2;
    --key-black: #1b222b;
    --key-white: #f4f6f8;
    --knob-arc: #16dac2;
    --knob-arc-bg: #2a323d;
    --knob-thumb: #f3f6f9;
    --line_height-lg: 28px;
    --line_height-md: 20px;
    --line_height-sm: 16px;
    --meter-green: #3fcf77;
    --meter-red: #ff5c4d;
    --meter-yellow: #f6b847;
    --modal-bg: #1e2530;
    --modal-border: #39414a;
    --motion-duration-fast: 0.08px;
    --motion-duration-meter_decay: 0.3px;
    --motion-duration-normal: 0.15px;
    --motion-duration-peak_hold: 1.5px;
    --motion-duration-slow: 0.3px;
    --motion-easing-enter: ease_out_quad;
    --motion-easing-exit: ease_in_quad;
    --motion-easing-interaction: ease_out_cubic;
    --nav-selected-bg: #16dac226;
    --nav-selected-text: #16dac2;
    --overlay-bg: #161a21b4;
    --progress-fill: #16dac2;
    --progress-track: #2a323d;
    --radius-full: 9999px;
    --radius-lg: 12px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --slider-fill: #16dac2;
    --slider-thumb: #f3f6f9;
    --slider-track: #2a323d;
    --spacing-lg: 16px;
    --spacing-md: 8px;
    --spacing-sm: 4px;
    --spacing-xl: 24px;
    --spacing-xs: 2px;
    --spinner: #16dac2;
    --surface-panel: #12161c;
    --tab-active: #16dac2;
    --tab-inactive: #7a8088;
    --text-disabled: #666d75;
    --text-link: #16dac2;
    --text-primary: #f3f6f9;
    --text-secondary: #a3a8ae;
    --tooltip-bg: #f3f6f9;
    --tooltip-text: #161a21;
    --waveform-fill: #16dac250;
    --waveform-grid: #20262f;
    --waveform-line: #16dac2;
  }
}

/* Forced-theme mirrors (same values as above; colors only —
   dimensions/strings are appearance-independent) */

:root[data-theme="light"] {
  --accent-error: #ff5c4d;
  --accent-info: #5e78ff;
  --accent-primary: #10b6a3;
  --accent-secondary: #8b6cf5;
  --accent-success: #3fcf77;
  --accent-text: #042420;
  --accent-warning: #f6b847;
  --bg-elevated: #ffffff;
  --bg-primary: #edeff2;
  --bg-secondary: #e0e4e9;
  --bg-surface: #e6e9ee;
  --card-empty: #ffffff;
  --card-error: #ff5c4d28;
  --card-loading: #f1f3f5;
  --card-ready: #ffffff;
  --control-border: #b5bdc7;
  --control-fill: #10b6a3;
  --control-thumb: #14171c;
  --control-track: #d0d6dd;
  --divider: #b5bdc7;
  --focus-ring: #ff5c4d;
  --gradient-end: #e0e4e9;
  --gradient-start: #10b6a3;
  --key-black: #1b222b;
  --key-white: #f4f6f8;
  --knob-arc: #10b6a3;
  --knob-arc-bg: #d0d6dd;
  --knob-thumb: #14171c;
  --meter-green: #3fcf77;
  --meter-red: #ff5c4d;
  --meter-yellow: #f6b847;
  --modal-bg: #ffffff;
  --modal-border: #b5bdc7;
  --nav-selected-bg: #16dac226;
  --nav-selected-text: #16dac2;
  --overlay-bg: #edeff2b4;
  --progress-fill: #10b6a3;
  --progress-track: #d0d6dd;
  --slider-fill: #10b6a3;
  --slider-thumb: #14171c;
  --slider-track: #d0d6dd;
  --spinner: #10b6a3;
  --surface-panel: #12161c;
  --tab-active: #10b6a3;
  --tab-inactive: #858a90;
  --text-disabled: #989da3;
  --text-link: #10b6a3;
  --text-primary: #14171c;
  --text-secondary: #5f6369;
  --tooltip-bg: #14171c;
  --tooltip-text: #edeff2;
  --waveform-fill: #10b6a350;
  --waveform-grid: #dfe3e8;
  --waveform-line: #10b6a3;
}

:root[data-theme="dark"] {
  --accent-error: #ff5c4d;
  --accent-info: #5e78ff;
  --accent-primary: #16dac2;
  --accent-secondary: #8b6cf5;
  --accent-success: #3fcf77;
  --accent-text: #052320;
  --accent-warning: #f6b847;
  --bg-elevated: #1e2530;
  --bg-primary: #161a21;
  --bg-secondary: #28303c;
  --bg-surface: #0e1116;
  --card-empty: #1e2530;
  --card-error: #ff5c4d28;
  --card-loading: #222934;
  --card-ready: #1e2530;
  --control-border: #39414a;
  --control-fill: #16dac2;
  --control-thumb: #f3f6f9;
  --control-track: #2a323d;
  --divider: #39414a;
  --focus-ring: #ff5c4d;
  --gradient-end: #28303c;
  --gradient-start: #16dac2;
  --key-black: #1b222b;
  --key-white: #f4f6f8;
  --knob-arc: #16dac2;
  --knob-arc-bg: #2a323d;
  --knob-thumb: #f3f6f9;
  --meter-green: #3fcf77;
  --meter-red: #ff5c4d;
  --meter-yellow: #f6b847;
  --modal-bg: #1e2530;
  --modal-border: #39414a;
  --nav-selected-bg: #16dac226;
  --nav-selected-text: #16dac2;
  --overlay-bg: #161a21b4;
  --progress-fill: #16dac2;
  --progress-track: #2a323d;
  --slider-fill: #16dac2;
  --slider-thumb: #f3f6f9;
  --slider-track: #2a323d;
  --spinner: #16dac2;
  --surface-panel: #12161c;
  --tab-active: #16dac2;
  --tab-inactive: #7a8088;
  --text-disabled: #666d75;
  --text-link: #16dac2;
  --text-primary: #f3f6f9;
  --text-secondary: #a3a8ae;
  --tooltip-bg: #f3f6f9;
  --tooltip-text: #161a21;
  --waveform-fill: #16dac250;
  --waveform-grid: #20262f;
  --waveform-line: #16dac2;
}