/* AX Control System Tokens */
/* Generated from Figma variables */

:root {
  /* AX Colors */
  --primitive-neutral-0: #FFFFFF;
  --primitive-neutral-50: #F8FAFC;
  --primitive-neutral-100: #F1F5F9;
  --primitive-neutral-200: #E2E8F0;
  --primitive-neutral-300: #CBD5E1;
  --primitive-neutral-400: #94A3B8;
  --primitive-neutral-500: #64748B;
  --primitive-neutral-600: #475569;
  --primitive-neutral-700: #334155;
  --primitive-neutral-800: #1E293B;
  --primitive-neutral-900: #0F172A;
  --primitive-neutral-950: #020617;
  --primitive-neutral-1000: #00040A;
  --primitive-cyan-50: #ECFEFF;
  --primitive-cyan-100: #CFFAFE;
  --primitive-cyan-200: #A5F3FC;
  --primitive-cyan-300: #67E8F9;
  --primitive-cyan-400: #35C3DF;
  --primitive-cyan-500: #19A9CC;
  --primitive-cyan-600: #0E8DAE;
  --primitive-cyan-700: #0F6F89;
  --primitive-cyan-800: #11576D;
  --primitive-cyan-900: #0B3A4A;
  --primitive-blue-50: #EFF6FF;
  --primitive-blue-100: #DBEAFE;
  --primitive-blue-200: #BFDBFE;
  --primitive-blue-300: #93C5FD;
  --primitive-blue-400: #60A5FA;
  --primitive-blue-500: #3B82F6;
  --primitive-blue-600: #2563EB;
  --primitive-blue-700: #1D4ED8;
  --primitive-blue-800: #1E40AF;
  --primitive-blue-900: #1E3A8A;
  --primitive-green-50: #F0FDF4;
  --primitive-green-100: #DCFCE7;
  --primitive-green-200: #BBF7D0;
  --primitive-green-300: #86EFAC;
  --primitive-green-400: #4ADE80;
  --primitive-green-500: #22C55E;
  --primitive-green-600: #16A34A;
  --primitive-green-700: #15803D;
  --primitive-green-800: #166534;
  --primitive-green-900: #14532D;
  --primitive-amber-50: #FFFBEB;
  --primitive-amber-100: #FEF3C7;
  --primitive-amber-200: #FDE68A;
  --primitive-amber-300: #FCD34D;
  --primitive-amber-400: #FBBF24;
  --primitive-amber-500: #EAB308;
  --primitive-amber-600: #CA8A04;
  --primitive-amber-700: #A16207;
  --primitive-amber-800: #854D0E;
  --primitive-amber-900: #713F12;
  --primitive-orange-50: #FFF7ED;
  --primitive-orange-100: #FFEDD5;
  --primitive-orange-200: #FED7AA;
  --primitive-orange-300: #FDBA74;
  --primitive-orange-400: #FB923C;
  --primitive-orange-500: #F97316;
  --primitive-orange-600: #EA580C;
  --primitive-orange-700: #C2410C;
  --primitive-orange-800: #9A3412;
  --primitive-orange-900: #7C2D12;
  --primitive-red-50: #FEF2F2;
  --primitive-red-100: #FEE2E2;
  --primitive-red-200: #FECACA;
  --primitive-red-300: #FCA5A5;
  --primitive-red-400: #F87171;
  --primitive-red-500: #EF4444;
  --primitive-red-600: #DC2626;
  --primitive-red-700: #B91C1C;
  --primitive-red-800: #991B1B;
  --primitive-red-900: #7F1D1D;
  --primitive-purple-50: #FAF5FF;
  --primitive-purple-100: #F3E8FF;
  --primitive-purple-200: #E9D5FF;
  --primitive-purple-300: #D8B4FE;
  --primitive-purple-400: #C084FC;
  --primitive-purple-500: #A855F7;
  --primitive-purple-600: #9333EA;
  --primitive-purple-700: #7E22CE;
  --primitive-purple-800: #6B21A8;
  --primitive-purple-900: #581C87;
  --alpha-slate-08: rgba(148, 163, 184, 0.08);
  --alpha-slate-12: rgba(148, 163, 184, 0.12);
  --alpha-slate-16: rgba(148, 163, 184, 0.16);
  --alpha-slate-24: rgba(148, 163, 184, 0.24);
  --alpha-slate-32: rgba(148, 163, 184, 0.32);
  --alpha-slate-40: rgba(148, 163, 184, 0.4);
  --alpha-cyan-12: rgba(56, 189, 248, 0.12);
  --alpha-cyan-16: rgba(56, 189, 248, 0.16);
  --alpha-cyan-24: rgba(56, 189, 248, 0.24);
  --alpha-cyan-40: rgba(56, 189, 248, 0.4);
  --alpha-cyan-55: rgba(56, 189, 248, 0.55);
  --alpha-green-14: rgba(34, 197, 94, 0.14);
  --alpha-green-40: rgba(34, 197, 94, 0.4);
  --alpha-amber-14: rgba(234, 179, 8, 0.14);
  --alpha-amber-40: rgba(234, 179, 8, 0.4);
  --alpha-orange-14: rgba(249, 115, 22, 0.14);
  --alpha-orange-40: rgba(249, 115, 22, 0.4);
  --alpha-red-16: rgba(239, 68, 68, 0.16);
  --alpha-red-40: rgba(239, 68, 68, 0.4);
  --alpha-red-60: rgba(239, 68, 68, 0.6);
  --alpha-purple-16: rgba(168, 85, 247, 0.16);
  --alpha-purple-40: rgba(168, 85, 247, 0.4);
  --alpha-black-20: rgba(0, 0, 0, 0.2);
  --alpha-black-40: rgba(0, 0, 0, 0.4);
  --alpha-black-60: rgba(0, 0, 0, 0.6);
  --alpha-black-80: rgba(0, 0, 0, 0.8);
  --channel-01: #4174BE;
  --channel-02: #4F22E8;
  --channel-03: #13BEC4;
  --channel-04: #8BA52C;
  --channel-05: #0CBD42;
  --channel-06: #139EE6;
  --channel-07: #A514E8;
  --channel-08: #EBD93A;
  --channel-09: #ED004C;
  --channel-10: #F95361;
  --channel-11: #E80CE9;
  --channel-12: #C96626;
  --brand-primary: var(--primitive-cyan-400);
  --brand-primary-hover: var(--primitive-cyan-300);
  --brand-primary-pressed: var(--primitive-cyan-500);
  --brand-duonn-cyan: var(--primitive-cyan-400);
  --brand-duonn-cyan-light: var(--primitive-cyan-200);
  --brand-duonn-blue: var(--primitive-blue-500);
  --brand-dark: var(--primitive-neutral-950);
  --semantic-accent-base: var(--brand-primary);
  --semantic-accent-hover: var(--brand-primary-hover);
  --semantic-accent-pressed: var(--brand-primary-pressed);
  --semantic-accent-surface: var(--alpha-cyan-16);
  --semantic-accent-border: var(--alpha-cyan-40);
  --semantic-success-base: var(--primitive-green-500);
  --semantic-success-surface: var(--alpha-green-14);
  --semantic-success-border: var(--alpha-green-40);
  --semantic-warning-base: var(--primitive-amber-500);
  --semantic-warning-surface: var(--alpha-amber-14);
  --semantic-warning-border: var(--alpha-amber-40);
  --semantic-danger-base: var(--primitive-red-500);
  --semantic-danger-surface: var(--alpha-red-16);
  --semantic-danger-border: var(--alpha-red-40);
  --semantic-phantom-base: var(--primitive-purple-600);
  --semantic-phantom-surface: var(--alpha-purple-16);
  --semantic-phantom-border: var(--alpha-purple-40);
  --semantic-info-base: var(--primitive-blue-500);
  --semantic-info-surface: var(--alpha-cyan-12);
  --semantic-info-border: var(--alpha-cyan-40);
  --surface-app: var(--primitive-neutral-950);
  --surface-header: var(--primitive-neutral-1000);
  --surface-shell: var(--primitive-neutral-950);
  --surface-panel: var(--primitive-neutral-900);
  --surface-panel-raised: var(--primitive-neutral-800);
  --surface-card: var(--primitive-neutral-900);
  --surface-card-hover: var(--primitive-neutral-800);
  --surface-card-active: var(--primitive-neutral-700);
  --surface-card-selected: var(--primitive-cyan-900);
  --surface-control: var(--primitive-neutral-900);
  --surface-control-hover: var(--primitive-neutral-800);
  --surface-control-active: var(--primitive-neutral-700);
  --surface-overlay-soft: var(--alpha-black-40);
  --surface-overlay-strong: var(--alpha-black-80);
  --text-primary: var(--primitive-neutral-100);
  --text-secondary: var(--primitive-neutral-300);
  --text-tertiary: var(--primitive-neutral-400);
  --text-muted: var(--primitive-neutral-500);
  --text-disabled: var(--primitive-neutral-600);
  --text-inverse: var(--primitive-neutral-950);
  --text-accent: var(--semantic-accent-base);
  --text-success: var(--semantic-success-base);
  --text-warning: var(--semantic-warning-base);
  --text-danger: var(--semantic-danger-base);
  --text-phantom: var(--semantic-phantom-base);
  --border-subtle: var(--alpha-slate-16);
  --border-default: var(--alpha-slate-24);
  --border-strong: var(--alpha-slate-40);
  --border-focus: var(--semantic-accent-base);
  --border-selected: var(--semantic-accent-base);
  --border-success: var(--semantic-success-border);
  --border-warning: var(--semantic-warning-border);
  --border-danger: var(--semantic-danger-border);
  --border-phantom: var(--semantic-phantom-border);
  --module-eq-primary: var(--semantic-accent-base);
  --module-eq-surface: var(--semantic-accent-surface);
  --module-eq-border: var(--semantic-accent-border);
  --module-gate-primary: var(--semantic-success-base);
  --module-gate-surface: var(--semantic-success-surface);
  --module-gate-border: var(--semantic-success-border);
  --module-comp-primary: var(--primitive-orange-500);
  --module-comp-surface: var(--alpha-orange-14);
  --module-comp-border: var(--alpha-orange-40);
  --module-filter-primary: var(--semantic-info-base);
  --module-filter-surface: var(--semantic-info-surface);
  --module-filter-border: var(--semantic-info-border);
  --module-master-primary: var(--semantic-danger-base);
  --module-master-surface: var(--semantic-danger-surface);
  --module-master-border: var(--semantic-danger-border);
  --module-fx-primary: var(--primitive-purple-500);
  --module-fx-surface: var(--semantic-phantom-surface);
  --module-fx-border: var(--semantic-phantom-border);
  --meter-background: var(--surface-app);
  --meter-border: var(--border-default);
  --meter-off: var(--surface-control);
  --meter-green: var(--semantic-success-base);
  --meter-yellow: var(--semantic-warning-base);
  --meter-orange: var(--primitive-orange-500);
  --meter-red: var(--semantic-danger-base);
  --meter-peak-marker: var(--text-primary);
  --meter-clip: var(--semantic-danger-base);
  --fader-track: var(--surface-app);
  --fader-track-border: var(--border-subtle);
  --fader-rail: var(--surface-control);
  --fader-rail-active: var(--semantic-accent-base);
  --fader-thumb-top: var(--primitive-neutral-300);
  --fader-thumb-mid: var(--primitive-neutral-500);
  --fader-thumb-bottom: var(--primitive-neutral-700);
  --fader-thumb-border: var(--border-strong);
  --fader-thumb-line: var(--text-primary);
  --fader-scale: var(--border-default);
  --fader-scale-text: var(--text-tertiary);
  --knob-body-dark: var(--surface-app);
  --knob-body-mid: var(--primitive-neutral-800);
  --knob-body-light: var(--primitive-neutral-500);
  --knob-border: var(--border-default);
  --knob-indicator: var(--text-primary);
  --knob-arc-base: var(--surface-control);
  --knob-arc-active: var(--semantic-accent-base);
  --knob-arc-gate: var(--module-gate-primary);
  --knob-arc-comp: var(--module-comp-primary);
  --knob-arc-eq: var(--module-eq-primary);
  --knob-label: var(--text-tertiary);
  --knob-value: var(--text-primary);
  --graph-background: var(--surface-app);
  --graph-panel: #030712;
  --graph-border: var(--border-default);
  --graph-grid-major: rgba(148, 163, 184, 0.22);
  --graph-grid-minor: rgba(148, 163, 184, 0.10);
  --graph-grid-zero: rgba(56, 189, 248, 0.45);
  --graph-axis-text: var(--text-tertiary);
  --graph-curve-main: #f8fafc;
  --graph-curve-secondary: var(--text-secondary);
  --graph-fill-eq: var(--module-eq-surface);
  --graph-fill-gate: var(--module-gate-surface);
  --graph-fill-comp: var(--module-comp-surface);
  --graph-handle-text: var(--text-primary);
  --graph-handle-ring: var(--border-strong);
  --graph-handle-eq: var(--module-eq-primary);
  --graph-handle-gate: var(--module-gate-primary);
  --graph-handle-comp: var(--module-comp-primary);
  --button-default-bg: var(--surface-control);
  --button-default-bg-hover: var(--surface-control-hover);
  --button-default-border: var(--border-default);
  --button-default-text: var(--text-primary);
  --button-primary-bg: var(--semantic-accent-base);
  --button-primary-bg-hover: var(--semantic-accent-hover);
  --button-primary-border: var(--border-focus);
  --button-primary-text: var(--text-inverse);
  --button-on-bg: var(--semantic-success-surface);
  --button-on-border: var(--semantic-success-border);
  --button-on-text: var(--primitive-green-200);
  --button-off-bg: var(--surface-control);
  --button-off-border: var(--border-default);
  --button-off-text: var(--text-tertiary);
  --button-mute-bg: linear-gradient(180deg, rgba(220,38,38,0.40) 0%, rgba(127,29,29,0.42) 100%);
  --button-mute-border: #cf3d46;
  --button-mute-text: #fecaca;
  --button-mute-glow: 0 0 18px rgba(239,68,68,0.52);
  --button-solo-bg: linear-gradient(180deg, rgba(234,179,8,0.36) 0%, rgba(133,77,14,0.44) 100%);
  --button-solo-border: #b88f17;
  --button-solo-text: #fde68a;
  --button-solo-glow: 0 0 18px rgba(234,179,8,0.45);
  --button-phantom-bg: linear-gradient(180deg, rgba(147,51,234,0.42) 0%, rgba(91,33,182,0.48) 100%);
  --button-phantom-border: #8b4ad8;
  --button-phantom-text: #e9d5ff;
  --button-phantom-glow: 0 0 18px rgba(168,85,247,0.52);
  --button-phase-bg: linear-gradient(180deg, rgba(16,185,129,0.40) 0%, rgba(6,95,70,0.46) 100%);
  --button-phase-border: #1ea86e;
  --button-phase-text: #d1fae5;
  --button-phase-glow: 0 0 18px rgba(16,185,129,0.5);
  --button-stereo-link-bg: linear-gradient(180deg, rgba(56,189,248,0.52) 0%, rgba(8,145,178,0.55) 100%);
  --button-stereo-link-border: #38bdf8;
  --button-stereo-link-text: #a5f3fc;
  --button-stereo-link-glow: 0 0 18px rgba(34,211,238,0.56);
  --button-amber-bg: var(--alpha-amber-14);
  --button-amber-border: var(--alpha-amber-40);
  --button-amber-text: var(--primitive-amber-200);
  --shadow-card-master-bus: -8px 0 28px rgba(0, 0, 0, 0.44);
  /* AX Numbers */
  --spacing-0: 0;
  --spacing-1: 4;
  --spacing-2: 8;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-5: 20;
  --spacing-6: 24;
  --spacing-8: 32;
  --spacing-10: 40;
  --spacing-12: 48;
  --radius-xs: 4;
  --radius-sm: 6;
  --radius-md: 8;
  --radius-lg: 12;
  --radius-xl: 16;
  --radius-2xl: 20;
  --radius-pill: 999;
  --size-header-tablet: 64;
  --size-header-desktop: 72;
  --size-status-bar: 40;
  --size-sidebar-tablet: 148;
  --size-sidebar-desktop: 200;
  --size-master-tablet: 148;
  --size-master-desktop: 180;
  --size-touch-min: 44;
  --size-button-compact: 36;
  --size-button-default: 44;
  --size-button-large: 52;
  --size-knob-sm: 44;
  --size-knob-md: 52;
  --size-knob-lg: 64;
  --size-fader-thumb-width: 32;
  --size-fader-thumb-height: 50;
  --stroke-thin: 1;
  --stroke-default: 1;
  --stroke-strong: 2;
  --stroke-focus: 2;
  --stroke-graph: 2;
  --stroke-meter: 1;
  --opacity-disabled: 40;
  --opacity-muted: 60;
  --opacity-hover: 80;
  --opacity-full: 100;
  /* AX Typography */
  --font-size-heading-large: 22;
  --font-size-heading-medium: 18;
  --font-size-heading-small: 16;
  --font-size-body-medium: 14;
  --font-size-body-small: 13;
  --font-size-label-large: 13;
  --font-size-label-medium: 11;
  --font-size-label-small: 10;
  --font-size-value-large: 18;
  --font-size-value-medium: 14;
  --font-size-value-small: 12;
  --font-size-graph-axis: 12;
  --line-height-heading-large: 30;
  --line-height-heading-medium: 26;
  --line-height-heading-small: 22;
  --line-height-body-medium: 20;
  --line-height-body-small: 18;
  --line-height-label-large: 16;
  --line-height-label-medium: 14;
  --line-height-label-small: 12;
  --line-height-value-large: 24;
  --line-height-value-medium: 18;
  --line-height-value-small: 16;
  --line-height-graph-axis: 16;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --letter-spacing-label-large: 8;
  --letter-spacing-label-medium: 10;
  --letter-spacing-label-small: 12;
  /* AX Strings */
  --font-family-base: Inter;
  --product-name: Ax Controller;
  --design-system-name: AX Control System;
}