/* CueBot brand v1.1.0. Shared by the local app and cloud; keep cue colours separate. */
@font-face {
  font-family: "CueBot Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: "CueBot Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/InterVariable-Italic.woff2") format("woff2");
}

:root {
  --cb-font: "CueBot Inter", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cb-bg: #101112;
  --cb-rail: #141516;
  --cb-surface: #191a1c;
  --cb-surface-2: #202123;
  --cb-surface-3: #292b2e;
  --cb-raised: #242628;
  --cb-overlay: #26282b;
  --cb-control: #25272a;
  --cb-control-hover: #303236;
  --cb-field: #121315;
  --cb-line-soft: #292b2e;
  --cb-line: #34363a;
  --cb-line-strong: #52565c;
  --cb-text: #f1f3f5;
  --cb-text-strong: #ffffff;
  --cb-subtle: #bdc3ca;
  --cb-muted: #a4acb5;
  --cb-quiet: #5f6872;
  --cb-brand: #73d7f2;
  --cb-brand-hover: #98e3f6;
  --cb-brand-soft: #14292f;
  --cb-brand-ink: #101112;
  --cb-success: #35b87f;
  --cb-success-soft: #0c2119;
  --cb-success-text: #a7ecc9;
  --cb-warning: #d2a13b;
  --cb-warning-soft: #241b0b;
  --cb-danger: #e15a58;
  --cb-danger-soft: #261110;
  --cb-danger-text: #ffc3bf;
  --cb-radius-control: 4px;
  --cb-radius-panel: 6px;
  --cb-focus-ring: 0 0 0 2px var(--cb-bg), 0 0 0 4px var(--cb-brand);
  --cb-shadow-overlay: 0 22px 64px rgba(0, 0, 0, 0.58);
}