/* ── graphite + oled shared gold accent ── */
html[data-theme="graphite"],
html[data-theme="oled"] {
  --primary: #a47717;
  --primary-light: #c29226;
  --primary-dark: #7c5810;
  --primary-alpha: rgba(164, 119, 23, 0.12);
  --accent: #8f6415;
  --accent-light: #c58f2d;
  --hover-bg: rgba(164, 119, 23, 0.1);
  --border-light: #b89d63;
  --btn-primary-text: #1a1510;
}

html[data-theme="graphite"],
html[data-theme="oled"] {
  background:
    radial-gradient(circle at top, rgba(194, 146, 38, 0.2), transparent 30%),
    radial-gradient(circle at 15% 20%, rgba(164, 119, 23, 0.12), transparent 18%),
    linear-gradient(180deg, #080603, #0f0b06 34%, #120d07) !important;
}

html[data-theme="graphite"] .ml-status-beta,
html[data-theme="oled"] .ml-status-beta {
  color: #8a5a0f;
  background: color-mix(in srgb, #c29226 16%, var(--surface-strong));
  border-color: color-mix(in srgb, #a47717 44%, var(--border));
}

/* ── graphite-only overrides: neutral grey instead of purple ── */
html[data-theme="graphite"] {
  --bg: #121114;
  --bg-elevated: #1a181c;
  --surface: rgba(24, 22, 28, 0.94);
  --surface-strong: rgba(30, 28, 34, 0.97);
  --surface-hover: rgba(42, 39, 48, 0.92);
  --surface-soft: rgba(20, 18, 24, 0.85);
  --card-bg: var(--surface-strong);
  --border: rgba(130, 128, 140, 0.18);
}