/* CURRENT Studio — DAW base tokens (shared by daw-edit.css + daw-mix.css).
   Dark console. One accent. State colours are for STATE only, never identity.
   Min font size 11px everywhere. No idle motion. No pill shapes. */
@import url('fonts/fonts.css');

:root{
  --daw-font: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  --daw-mono: 'JetBrains Mono', Consolas, 'Courier New', monospace;

  --bg-0: #111214;   /* app */
  --bg-1: #18191c;   /* toolbar, headers, strips */
  --bg-2: #1f2024;   /* lanes */
  --bg-2b: #1b1c1f;  /* alternate lane rows */
  --bg-3: #26282d;   /* raised panels, menus */
  --ctl: #2a2c31;    /* buttons */
  --ctl-hi: #34373d; /* hover */
  --line: #33363c;
  --line-soft: #2a2c31;
  --text: #d8dade;
  --text-dim: #8a8e96;
  --text-faint: #62666e;

  --accent: #ff8a1f;              /* playhead, selection edges, active tool/mode */
  --accent-ink: #1a1006;          /* text on accent */
  --sel: rgba(255,138,31,0.16);   /* selection fill */

  /* state colours */
  --st-rec: #e53935;
  --st-solo: #e9c84a;
  --st-mute: #c98a2e;
  --st-input: #3fcf6e;
  --st-bypass: #6b7280;

  /* meters */
  --m-low: #2fbf4a;   /* < -18 dBFS */
  --m-mid: #b5e03a;   /* -18 .. -6 */
  --m-high: #f5a623;  /* -6 .. -0.1 */
  --m-clip: #ff2d2d;

  /* track palette (16 muted swatches) */
  --tc-0:#7a8fa6; --tc-1:#a67a7a; --tc-2:#8fa67a; --tc-3:#a6947a;
  --tc-4:#8a7aa6; --tc-5:#7aa69e; --tc-6:#a67a9a; --tc-7:#9aa67a;
  --tc-8:#6f8f8a; --tc-9:#b0875a; --tc-10:#7f7f9c; --tc-11:#9c7f6b;
  --tc-12:#6b9c7f; --tc-13:#9c6b7a; --tc-14:#8c9c6b; --tc-15:#6b7f9c;

  --r: 3px;          /* control radius — square-ish, never pills */
  --ctl-h: 22px;
  --fs: 12px;        /* base UI size */
  --fs-sm: 11px;     /* floor — never smaller */
}

.daw, .daw *{ box-sizing: border-box; }
.daw{
  font-family: var(--daw-font);
  font-size: var(--fs);
  color: var(--text);
  background: var(--bg-0);
  -webkit-font-smoothing: antialiased;
}
.daw button{
  font: inherit; color: var(--text);
  background: var(--ctl); border: 1px solid var(--line);
  border-radius: var(--r); height: var(--ctl-h); padding: 0 8px;
  cursor: pointer; line-height: 1;
}
.daw button:hover{ background: var(--ctl-hi); }
.daw button.on{ background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.daw .mono{ font-family: var(--daw-mono); font-variant-numeric: tabular-nums; }
.daw .dim{ color: var(--text-dim); }
.daw ::-webkit-scrollbar{ width: 10px; height: 10px; }
.daw ::-webkit-scrollbar-track{ background: var(--bg-1); }
.daw ::-webkit-scrollbar-thumb{ background: var(--ctl-hi); border: 2px solid var(--bg-1); border-radius: 2px; }

@media (prefers-reduced-motion: reduce){
  .daw *{ transition: none !important; animation: none !important; }
}