/* Generated from tokens/tokens.dtcg.json. Do not edit; edit the source and run scripts/build-tokens.mjs. */
/* Metric-matched fallback: text keeps its size and line breaks while Inter loads, so the page does not shift. */
@font-face { font-family: "Inter Fallback"; src: local("Arial"), local("Helvetica Neue"), local("Helvetica"); size-adjust: 107.12%; ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; }
/* Form controls inherit the page font; browsers otherwise render buttons and inputs in a system face. */
:where(button, input, select, textarea) { font: inherit; }
:root {
  --color-ground: #FAFAF9;
  --color-card: #FFFFFF;
  --color-container: #F7F5F3;
  --color-border: #E7E5E4;
  --color-ink: #1A1714;
  --color-ink-2: #4F4943;
  --color-ink-3: #A8A29E;
  --color-red-canonical: #FE001A;
  --color-red-interactive: #E7000B;
  --color-red-hover: #CF000A;
  --color-semantic-up: #2D8A56;
  --color-semantic-amber: #B8860B;
  --color-semantic-info: #1A65C9;
  --color-semantic-up-text: #1A5E39;
  --color-semantic-info-text: #14509F;
  --color-semantic-amber-text: #5C4405;
  --color-dark-ground: #1A1714;
  --color-dark-surface: #2A2320;
  --color-dark-ink-2: #B8B2AD;
  --color-brand-behringer-status: ratified;
  --color-brand-behringer-accent: #FFA918;
  --color-brand-behringer-pressed: #E8930A;
  --color-brand-behringer-fg: #1A1714;
  --color-brand-behringer-text: #1A1714;
  --color-brand-behringer-shadow: rgba(255,169,24,.35);
  --color-brand-bugera-status: provisional;
  --color-brand-bugera-accent: #8B0000;
  --color-brand-klark-teknik-status: provisional;
  --color-brand-klark-teknik-accent: #1A237E;
  --color-brand-lab-gruppen-status: provisional;
  --color-brand-lab-gruppen-accent: #263238;
  --color-brand-lake-status: provisional;
  --color-brand-lake-accent: #0D47A1;
  --color-brand-tannoy-status: provisional;
  --color-brand-tannoy-accent: #4E342E;
  --color-brand-turbosound-status: provisional;
  --color-brand-turbosound-accent: #E65100;
  --color-brand-aston-status: provisional;
  --color-brand-aston-accent: #546E7A;
  --color-brand-tc-helicon-status: provisional;
  --color-brand-tc-helicon-accent: #7B1FA2;
  --color-brand-tc-electronic-status: provisional;
  --color-brand-tc-electronic-accent: #00695C;
  --color-brand-tc-electronic-logo: assets/logos/tc-electronic.png;
  --color-brand-coolaudio-status: provisional;
  --color-brand-coolaudio-accent: #424242;
  --color-brand-midas-status: unregistered;
  --color-brand-empower-tribe-status: ratified;
  --color-brand-empower-tribe-accent: #E7000B;
  --color-brand-empower-tribe-pressed: #CF000A;
  --color-brand-empower-tribe-fg: #FFFFFF;
  --color-brand-empower-tribe-text: #1A1714;
  --color-brand-empower-tribe-shadow: rgba(231,0,11,.24);
  --color-brand-empower-tribe-large-only: true;
  --color-brand-empower-tribe-wash: linear-gradient(to bottom right, #FAFAF9, #FFFFFF, rgba(254,226,226,.3));
  --color-brand-empower-tribe-logo: assets/logos/empowertribe-light.svg;
  --color-brand-empower-tribe-tint: #FFF0F2;
  --radius-soft: 8px;
  --radius-pill: 24px;
  --radius-stage: 24px;
  --radius-panel: 16px;
  --shadow-sm: 0 0 0 1px rgba(26,23,20,.04), 0 1px 2px rgba(26,23,20,.06), 0 2px 8px rgba(26,23,20,.06);
  --shadow-md: 0 0 0 1px rgba(26,23,20,.04), 0 2px 4px rgba(26,23,20,.06), 0 8px 24px rgba(26,23,20,.10);
  --shadow-lg: 0 0 0 1px rgba(26,23,20,.05), 0 4px 8px rgba(26,23,20,.08), 0 16px 48px rgba(26,23,20,.16);
  --type-family-display: "Inter Display", "Inter", "Inter Fallback", system-ui, sans-serif;
  --type-family-body: "Inter", "Inter Fallback", "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans SC", "Noto Sans JP", system-ui, sans-serif;
  --type-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --type-family-logo: "Myriad Pro", sans-serif;
  --type-size-body-small: 14px;
  --type-size-body: 16px;
  --type-size-body-large: 18px;
  --type-size-hero-ceiling: 104px;
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-weight-semibold: 600;
  --type-weight-bold: 700;
  --type-line-height-display: 1.05;
  --type-line-height-reading: 1.5;
  --type-line-height-ui: 1.3;
  --type-line-height-display-snap: round(nearest, 1.05em, 4px);
  --type-line-height-reading-snap: round(nearest, 1.5em, 4px);
  --type-role-headline-size: 40px;
  --type-role-headline-line: 44px;
  --type-role-title-size: 28px;
  --type-role-title-line: 32px;
  --type-role-lede-size: 20px;
  --type-role-lede-line: 28px;
  --type-role-body-large-size: 18px;
  --type-role-body-large-line: 28px;
  --type-role-body-size: 16px;
  --type-role-body-line: 24px;
  --type-role-ui-size: 15px;
  --type-role-ui-line: 20px;
  --type-role-caption-size: 14px;
  --type-role-caption-line: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --space-unit: 4px;
  --motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --motion-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --motion-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-duration-button: 140ms;
  --motion-duration-tooltip: 165ms;
  --motion-duration-dropdown: 200ms;
  --motion-duration-modal: 250ms;
  --motion-duration-ceiling: 500ms;
  --ship-gate-phone-width: 375px;
  --ship-gate-desktop-width: 1440px;
  --ship-gate-contrast-aa-text: 4.5;
  --ship-gate-contrast-aa-large: 3;
  --ship-gate-contrast-aaa: 7;
  --ship-gate-tap-target: 48px;
  --ship-gate-tap-target-large: 56px;
  --calm-negative-space-hero-emotional: 0.65;
  --calm-negative-space-catalog: 0.45;
  --calm-negative-space-functional: 0.45;
  --calm-negative-space-editorial: 0.55;
  --calm-text-density-hero: 25;
  --calm-text-density-feature: 18;
  --calm-text-density-cta: 6;
  --calm-text-density-empty-state: 15;
  --calm-text-density-error-state: 20;
  --calm-text-density-meta: 12;
  --calm-text-density-paragraph: 60;
  --calm-text-density-sentence: 20;
  --calm-boldness-moves-default: 1;
  --calm-boldness-moves-max-if-earned: 1;
  --calm-boldness-moves-fail-threshold: 2;
  --calm-primary-elements-max: 7;
  --calm-accent-saturated-max: 0.03;
  --calm-accent-tint-max: 0.15;
  --material-glass-tint-light: #FAFAF9;
  --material-glass-tint-dark: #2A2320;
  --material-glass-alpha: 0.72;
  --material-glass-blur: 24px;
  --material-glass-saturate: 1.8;
  --material-glass-alpha-strong: 0.84;
  --material-glass-highlight: inset 0 1px 0 rgb(255 255 255 / 0.9), inset 0 0 0 1px rgb(255 255 255 / 0.35);
  --material-glass-alpha-dark: 0.8;
  --chart-series-1-light: #2A78D6;
  --chart-series-1-dark: #3987E5;
  --chart-series-2-light: #EB6834;
  --chart-series-2-dark: #D95926;
  --chart-series-3-light: #1BAF7A;
  --chart-series-3-dark: #199E70;
  --chart-series-4-light: #EDA100;
  --chart-series-4-dark: #C98500;
  --chart-series-5-light: #E87BA4;
  --chart-series-5-dark: #D55181;
  --chart-other: #A8A29E;
  --chart-grid: #E7E5E4;
  --chart-baseline: #4F4943;

  /* Short aliases used across the reference docs */
  --ground: var(--color-ground);
  --card: var(--color-card);
  --container: var(--color-container);
  --border: var(--color-border);
  --ink: var(--color-ink);
  --ink-2: var(--color-ink-2);
  --ink-3: var(--color-ink-3);
  --red: var(--color-red-canonical);
  --red-aa: var(--color-red-interactive);
  --red-hover: var(--color-red-hover);
  --up: var(--color-semantic-up);
  --amber: var(--color-semantic-amber);
  --info: var(--color-semantic-info);
  --radius: var(--radius-soft);
  --ease: var(--motion-ease-out);
  --ease-io: var(--motion-ease-in-out);
  --ease-drawer: var(--motion-ease-drawer);

  /* Liquid Glass: floating chrome only. Solid under reduced transparency or more contrast. */
  --glass: rgb(250 250 249 / 0.72);
  --glass-light: rgb(250 250 249 / 0.72);
  --glass-dark: rgb(42 35 32 / 0.8);
  --glass-filter: saturate(1.8) blur(24px);
  --glass-strong: rgb(250 250 249 / 0.84);
  --glass-highlight: inset 0 1px 0 rgb(255 255 255 / 0.9), inset 0 0 0 1px rgb(255 255 255 / 0.35);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --ground: #1A1714;
    --card: #2A2320;
    --ink: var(--color-container);
    --ink-2: var(--color-dark-ink-2);
    --glass: rgb(42 35 32 / 0.8);
    --glass-strong: rgb(42 35 32 / 0.84);
    --glass-highlight: inset 0 0 0 1px rgb(245 245 244 / 0.1);
  }
}

/* Brand packs: <html data-brand="behringer">. Empower Red never appears on Music Tribe brand pages. */
[data-brand="behringer"] { --brand-accent: #FFA918; --brand-pressed: #E8930A; --brand-fg: #1A1714; --brand-text: #1A1714; --brand-shadow: rgba(255,169,24,.35); } /* ratified */
[data-brand="bugera"] { --brand-accent: #8B0000; --brand-pressed: #8B0000; --brand-fg: #FFFFFF; --brand-text: #8B0000; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="klark-teknik"] { --brand-accent: #1A237E; --brand-pressed: #1A237E; --brand-fg: #FFFFFF; --brand-text: #1A237E; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="lab-gruppen"] { --brand-accent: #263238; --brand-pressed: #263238; --brand-fg: #FFFFFF; --brand-text: #263238; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="lake"] { --brand-accent: #0D47A1; --brand-pressed: #0D47A1; --brand-fg: #FFFFFF; --brand-text: #0D47A1; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="tannoy"] { --brand-accent: #4E342E; --brand-pressed: #4E342E; --brand-fg: #FFFFFF; --brand-text: #4E342E; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="turbosound"] { --brand-accent: #E65100; --brand-pressed: #E65100; --brand-fg: #1A1714; --brand-text: #1A1714; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="aston"] { --brand-accent: #546E7A; --brand-pressed: #546E7A; --brand-fg: #FFFFFF; --brand-text: #1A1714; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="tc-helicon"] { --brand-accent: #7B1FA2; --brand-pressed: #7B1FA2; --brand-fg: #FFFFFF; --brand-text: #7B1FA2; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="tc-electronic"] { --brand-accent: #00695C; --brand-pressed: #00695C; --brand-fg: #FFFFFF; --brand-text: #1A1714; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="coolaudio"] { --brand-accent: #424242; --brand-pressed: #424242; --brand-fg: #FFFFFF; --brand-text: #424242; --brand-shadow: rgba(26,23,20,.12); } /* provisional */
[data-brand="empower-tribe"] { --brand-accent: #E7000B; --brand-pressed: #CF000A; --brand-fg: #FFFFFF; --brand-text: #1A1714; --brand-shadow: rgba(231,0,11,.24); --brand-wash: linear-gradient(to bottom right, #FAFAF9, #FFFFFF, rgba(254,226,226,.3)); --brand-tint: #FFF0F2; } /* ratified, labels on accent large only */

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root, :root[data-theme="auto"] { --glass: var(--card); --glass-strong: var(--card); --glass-light: var(--color-card); --glass-dark: var(--color-dark-surface); --glass-filter: none; --glass-highlight: inset 0 0 0 1px var(--ink); }
}