/* Shared neutral palette; Editor default and preview HUDs use the same owner. */
:root {
  --raised-control-surface-highlight: rgba(255, 255, 255, 0.14);
  --raised-control-surface-shadow: rgba(255, 255, 255, 0.025);
  --raised-control-highlight: rgba(255, 255, 255, 0.13);
  --raised-control-shadow: rgba(0, 0, 0, 0.24);
  --raised-control-elevation-offset: 2px;
  --raised-control-elevation-blur: 4px;
  --raised-control-border: rgba(255, 255, 255, 0.09);
  --render-family-control-outline: rgba(0, 0, 0, 0.72);
  --raised-control-bevel-highlight: rgba(255, 255, 255, 0.08);
  --raised-control-bevel-shadow: rgba(0, 0, 0, 0.08);
  --hud-stat-recess-shadow: rgba(0, 0, 0, 0.42);
  --hud-stat-recess-highlight: rgba(255, 255, 255, 0.1);

}

/* Graphite keeps chrome opaque so scene colors cannot tint the neutral surface. */
.graphite-mode {
  --panel-bg: #1f1f1f;
  --floating-panel-bg: #1f1f1f;
  --modal-bg: #1f1f1f;
  --slide-panel-bg: #1f1f1f;
  --panel-bg-hover: #323232;
  --panel-border: #2b2b2b;
  --section-bg: #282828;
  --section-border: #2b2b2b;
  --section-params-bg: #282828;
  --input-bg: #282828;
  --input-border: #3a3a3a;
  --btn-bg: #282828;
  --btn-hover-bg: #323232;
  --btn-border: #3a3a3a;
  --text-color: #bdbdbd;
  --text-bright: #f0f0f0;
  --text-muted: #a2a2a2;
  /* Aliases resolve before inheritance; bind them inside the active palette. */
  --text-secondary: var(--text-muted);
  --text-dim: var(--text-muted);
  --accent-primary: #484848;
  --accent-text: #bdbdbd;
  --btn-primary-bg: #282828;
  --btn-primary-hover: #323232;
  --glow-accent: rgba(128, 128, 128, 0.5);
  --glow-accent-soft: rgba(128, 128, 128, 0.15);
  --glow-accent-border: rgba(128, 128, 128, 0.3);
  --glow-accent-intense: rgba(128, 128, 128, 0.6);
  --slide-tab-bg: #282828;
  --slide-tab-hover-bg: #323232;
  --audio-card-bg: #282828;
  --audio-card-border: #3a3a3a;
  --preset-tab-surface: #282828;
  --preset-tab-surface-hover: #323232;
  --preset-tab-border: #3a3a3a;
  --preset-tab-stitch: #888888;
  --preset-tab-text: #bdbdbd;
  --preset-tab-text-hover: #f0f0f0;
  --preset-tab-text-active: #f0f0f0;
}