/* Dark is the first-visit default, including before scripts load. */
:root {
  color-scheme: dark;
  --bg: #111816;
  --panel: #1a2320;
  --paper: var(--panel);
  --ink: #e4ebe6;
  --muted: #a8b8ac;
  --line: #36463c;
  --green: #a4ceb1;
  --pale: #24352c;
  --soft: #1e2b24;
  --primary-ink: #15241b;
  --primary-hover: #b8dfc3;
  --focus: #b4d8bf;
  --warning-bg: #352d20;
  --warning-line: #6c5934;
  --warning-ink: #edcf92;
  --error-bg: #3c2623;
  --error-line: #825049;
  --error-ink: #ffbbac;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f7f5;
  --panel: #fff;
  --ink: #24332b;
  --muted: #5f6f64;
  --line: #dce3dd;
  --green: #365c48;
  --pale: #edf3ee;
  --soft: #f1f4f1;
  --primary-ink: #fff;
  --primary-hover: #294b39;
  --focus: #718465;
  --warning-bg: #f8f0de;
  --warning-line: #ead8b2;
  --warning-ink: #755d30;
  --error-bg: #fff0e9;
  --error-line: #e9c5b7;
  --error-ink: #904d39;
}
[data-theme-toggle][aria-pressed="true"] { border-color: var(--green); background: var(--pale); }

/* Clear has the same scope and visual treatment in both workspace modes. */
.clear-action:enabled { color: var(--error-ink); border-color: var(--error-line); }
.clear-action:hover:enabled { background: var(--error-bg); }