:root {
  color-scheme: dark;
  --bg: #111416;
  --surface: #1a1f23;
  --surface-raised: #242b30;
  --control-bg: #151a1d;
  --line: #343c42;
  --control-border: #65717a;
  --text: #efede6;
  --text-secondary: #c0c6c9;
  --muted: #a4abb0;
  --accent: #d5ad67;
  --accent-hover: #e3c486;
  --accent-soft: #2d2921;
  --on-accent: #111416;
  --success: #8fc5a0;
  --warning: #e2be78;
  --danger: #e8a59a;
  --focus: #e3c486;
  --accent-rgb:
    213,
    173,
    103;
  --panel-rgb:
    26,
    31,
    35;
  --radius-control: 8px;
  --radius-card: 12px;
  --bg2: var(--surface-raised);
  --panel: var(--surface);
  --cyan: var(--accent);
  --blue: var(--accent);
  --gold: var(--accent);
  --green: var(--success);
}