:root[data-brand-mode="studio"] {
  --studio-font-display: 'Space Grotesk', system-ui, sans-serif;
  --studio-font-body: 'Space Grotesk', system-ui, sans-serif;
  --studio-font-mono: 'Space Mono', monospace;
  --studio-font-display-weight-map-400: 380;
  --studio-font-display-weight-map-600: 590;
  --studio-font-display-weight-map-700: 680;
  --studio-weight-hero: 500;
  --studio-weight-deck: 500;
  --studio-weight-card: 420;
  --studio-weight-body: 400;
  --studio-weight-eyebrow: 400;
  --studio-track-hero: -0.02em;
  --studio-size-hero: clamp(36px, 5.6vw, 56px);
  --studio-shadow-hard-offset: 4px 4px 0 0 #232427;
  --studio-shadow-soft: 0 2px 8px 0 #00000022;
  --studio-shadow-card: none;
  --studio-shadow-button: none;
  --studio-radius-card: 12px;
  --studio-radius-button: 8px;
  --studio-border-card: 1px;
  --studio-border-button: 0px;
  --studio-border-chip: 0px;
  --studio-flag-uses-uppercase-buttons: false;
  --studio-text-ink: #232427;
  --studio-color-accent: #d96a4a;
  --studio-color-accent-deep: #b8502f;
  --studio-color-accent-text: #d96a4a;
  --studio-color-on-accent: #ffffff;
  --studio-color-ink: #232427;
  --studio-color-bg: #f6f7f8;
  --studio-color-surface: #ffffff;
  --studio-color-line: #d3d5da;
  --studio-color-muted: #74767c;
  --studio-color-valence-gain: #389878;
  --studio-color-valence-pos: #1f7a63;
  --studio-color-valence-neg: #9f3049;
  --studio-color-valence-up: #c08a3e;
  --studio-color-valence-down: #6d7aa8;
}

:root[data-brand-mode="brutal"] {
  --brutal-font-display: 'Space Grotesk', system-ui, sans-serif;
  --brutal-font-body: Manrope, system-ui, sans-serif;
  --brutal-font-mono: 'JetBrains Mono', monospace;
  --brutal-font-display-weight-map-400: 400;
  --brutal-font-display-weight-map-600: 600;
  --brutal-font-display-weight-map-700: 700;
  --brutal-weight-hero: 700;
  --brutal-weight-deck: 380;
  --brutal-weight-card: 600;
  --brutal-weight-body: 400;
  --brutal-weight-eyebrow: 700;
  --brutal-track-hero: -0.035em;
  --brutal-size-hero: clamp(36px, 3.9vw, 56px);
  --brutal-shadow-hard-offset: 6px 6px 0 0 #0a0a0a;
  --brutal-shadow-soft: 3px 3px 0 0 #0a0a0a;
  --brutal-shadow-card: 6px 6px 0 0 #0a0a0a;
  --brutal-shadow-button: 3px 3px 0 0 #0a0a0a;
  --brutal-radius-card: 0px;
  --brutal-radius-button: 0px;
  --brutal-border-card: 2px;
  --brutal-border-button: 2px;
  --brutal-border-chip: 2px;
  --brutal-flag-uses-uppercase-buttons: true;
  --brutal-text-ink: #0a0a0a;
  --brutal-color-accent: #e8ff3a;
  --brutal-color-accent-deep: #e8ff3a;
  --brutal-color-accent2: #ff5c2b;
  --brutal-color-accent-text: #0a0a0a;
  --brutal-color-on-accent: #0a0a0a;
  --brutal-color-ink: #0a0a0a;
  --brutal-color-bg: #fafaf7;
  --brutal-color-surface: #ffffff;
  --brutal-color-line: #0a0a0a;
  --brutal-color-muted: #5c5c57;
  --brutal-color-valence-gain: #e8ff3a;
  --brutal-color-valence-pos: #3f6f00;
  --brutal-color-valence-neg: #d13000;
  --brutal-color-valence-up: #82611d;
  --brutal-color-valence-down: #565049;
}

:root[data-brand-mode="editorial"] {
  --editorial-font-display: Fraunces, Georgia, serif;
  --editorial-font-body: 'Public Sans', system-ui, sans-serif;
  --editorial-font-mono: 'JetBrains Mono', monospace;
  --editorial-font-display-weight-map-400: 380;
  --editorial-font-display-weight-map-600: 460;
  --editorial-font-display-weight-map-700: 700;
  --editorial-weight-hero: 340;
  --editorial-weight-deck: 380;
  --editorial-weight-card: 420;
  --editorial-weight-body: 400;
  --editorial-weight-eyebrow: 400;
  --editorial-track-hero: -0.015em;
  --editorial-size-hero: clamp(36px, 5.6vw, 56px);
  --editorial-shadow-hard-offset: 0 2px 6px 0 #1c1b170f;
  --editorial-shadow-soft: 0 1px 2px 0 #1c1b170a;
  --editorial-shadow-card: 0 1px 2px 0 #1c1b1714;
  --editorial-shadow-button: none;
  --editorial-radius-card: 14px;
  --editorial-radius-button: 14px;
  --editorial-border-card: 1px;
  --editorial-border-button: 0px;
  --editorial-border-chip: 0px;
  --editorial-flag-uses-uppercase-buttons: false;
  --editorial-text-ink: #1c1b17;
  --editorial-color-accent: #1a7f5f;
  --editorial-color-accent-deep: #15694e;
  --editorial-color-accent-text: #1a7f5f;
  --editorial-color-on-accent: #ffffff;
  --editorial-color-ink: #1c1b17;
  --editorial-color-bg: #f6f2e8;
  --editorial-color-surface: #fbf9f2;
  --editorial-color-line: #d9cfb6;
  --editorial-color-muted: #7d7666;
  --editorial-color-valence-gain: #1a7f5f;
  --editorial-color-valence-pos: #15694e;
  --editorial-color-valence-neg: #8a251c;
  --editorial-color-valence-up: #b9722a;
  --editorial-color-valence-down: #5a6284;
}