/* QO7 Control v7 · semantic tokens. No fonts or remote resources are loaded. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --field-bg: var(--surface);
  --subtle: #f5f5f5;
  --hover: #f0f0f0;
  --selected: #ededed;
  --ink: #202020;
  --secondary: #525252;
  --muted: #666666;
  --line: #e0e0e0;
  --line-strong: #878787;
  --accent: #7af17a;
  --accent-hover: #6ee36e;
  --on-accent: #171717;
  /* Brand mint is too light for text on white: keep text neutral, mint on surfaces. */
  --accent-text: #202020;
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));
  --positive: #306740;
  --positive-soft: #f5f5f5;
  --negative: #aa3333;
  --negative-soft: #f5f5f5;
  --warning: #765518;
  --focus: #202020;
  --chart-line: #525252;
  --scroll-thumb: #ababab;
  --backdrop: rgba(0, 0, 0, .28);
  --shadow-menu: 0 6px 18px rgba(0, 0, 0, .10);
  --shadow-dialog: 0 12px 36px rgba(0, 0, 0, .16);
  --radius: 7px;
  --row-h: 65px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-sheet: cubic-bezier(.32, .72, 0, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --mono: var(--font-mono);
}
html[data-theme="dark"] {
  color-scheme: dark;
  /* All large surfaces, text neutrals and borders are achromatic: R = G = B. */
  --bg: #0a0a0a;
  --surface: #141414;
  --surface-raised: #141414;
  --field-bg: #1b1b1b;
  --subtle: #1b1b1b;
  --hover: #222222;
  --selected: #292929;
  --ink: #f2f2f2;
  --secondary: #cccccc;
  --muted: #b0b0b0;
  --line: #303030;
  --line-strong: #707070;
  --accent: #7af17a;
  --accent-hover: #6ee36e;
  --on-accent: #171717;
  --accent-text: #7af17a;
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));
  --positive: #acc4b0;
  --positive-soft: #1b1b1b;
  --negative: #eeaaa7;
  --negative-soft: #1b1b1b;
  --warning: #d8c69c;
  --focus: #7af17a;
  --chart-line: #cccccc;
  --scroll-thumb: #666666;
  --backdrop: rgba(0, 0, 0, .56);
  --shadow-menu: 0 6px 18px rgba(0, 0, 0, .24);
  --shadow-dialog: 0 12px 36px rgba(0, 0, 0, .30);
}
html[data-density="compact"] { --row-h: 53px; }