/* Generated by branding/make_tokens.py from branding/tokens.json. Do not edit. */

/* Sombre by default; data-br-mode="clair" or a light OS without a mode gives Clair. */

:root,
[data-br-mode="sombre"] {
  --br-app-bg: #0A0B0D;
  --br-panel-bg: #0E1013;
  --br-raised-bg: #16191D;
  --br-field-bg: #121519;
  --br-field-border: #1C2025;
  --br-separator: #1C2025;
  --br-border: #2C3137;
  --br-text: #ECEEF0;
  --br-text-secondary: #C9CED4;
  --br-text-muted: #8B939C;
  --br-text-disabled: #5A626B;
  --br-accent: #8FB0FF;
  --br-primary-bg: #8FB0FF;
  --br-primary-fg: #0A0B0D;
  --br-playing-row-bg: rgba(143, 176, 255, 0.129);
  --br-tool-active-bg: rgba(143, 176, 255, 0.141);
  --br-inout-band: rgba(143, 176, 255, 0.102);
  --br-icon-idle: #A8AFB7;
  --br-annotation: #F2994A;
  --br-ok-fg: #7FD6A6;
  --br-ok-bg: #1E3A2E;
  --br-redo-fg: #F2B37A;
  --br-redo-bg: #3A2A18;
  --br-wait-fg: #8B939C;
  --br-wait-bg: #1C2025;
  --br-live: #FF4D4D;
  --br-viewport-bg: #000000;
}

[data-br-mode="clair"] {
  --br-app-bg: #E6E8EB;
  --br-panel-bg: #F7F8FA;
  --br-raised-bg: #FFFFFF;
  --br-field-bg: #FFFFFF;
  --br-field-border: #D5D9DF;
  --br-separator: #DDE1E6;
  --br-border: #C4CAD2;
  --br-text: #14171A;
  --br-text-secondary: #3A4048;
  --br-text-muted: #5A626B;
  --br-text-disabled: #8B939C;
  --br-accent: #3563D9;
  --br-primary-bg: #2F5BD3;
  --br-primary-fg: #FFFFFF;
  --br-playing-row-bg: rgba(53, 99, 217, 0.110);
  --br-tool-active-bg: rgba(53, 99, 217, 0.122);
  --br-inout-band: rgba(53, 99, 217, 0.102);
  --br-icon-idle: #3A4048;
  --br-annotation: #D9761F;
  --br-ok-fg: #1E7A4A;
  --br-ok-bg: #DDF3E6;
  --br-redo-fg: #9A4E0F;
  --br-redo-bg: #FBE7D3;
  --br-wait-fg: #5A626B;
  --br-wait-bg: #E6E9ED;
  --br-live: #D93636;
  --br-viewport-bg: #000000;
}

@media (prefers-color-scheme: light) {
  :root:not([data-br-mode]) {
    --br-app-bg: #E6E8EB;
    --br-panel-bg: #F7F8FA;
    --br-raised-bg: #FFFFFF;
    --br-field-bg: #FFFFFF;
    --br-field-border: #D5D9DF;
    --br-separator: #DDE1E6;
    --br-border: #C4CAD2;
    --br-text: #14171A;
    --br-text-secondary: #3A4048;
    --br-text-muted: #5A626B;
    --br-text-disabled: #8B939C;
    --br-accent: #3563D9;
    --br-primary-bg: #2F5BD3;
    --br-primary-fg: #FFFFFF;
    --br-playing-row-bg: rgba(53, 99, 217, 0.110);
    --br-tool-active-bg: rgba(53, 99, 217, 0.122);
    --br-inout-band: rgba(53, 99, 217, 0.102);
    --br-icon-idle: #3A4048;
    --br-annotation: #D9761F;
    --br-ok-fg: #1E7A4A;
    --br-ok-bg: #DDF3E6;
    --br-redo-fg: #9A4E0F;
    --br-redo-bg: #FBE7D3;
    --br-wait-fg: #5A626B;
    --br-wait-bg: #E6E9ED;
    --br-live: #D93636;
    --br-viewport-bg: #000000;
  }
}