/* Warm-theme neutral temperature — mode-agnostic overrides.
   ─────────────────────────────────────────────────────────────
   THE RULE (DS): the theme owns neutral *temperature*; the soul owns
   *usage*. Warm themes (ember, crimson, pink, burgundy, espresso) resolve
   stone neutrals everywhere — admin, account workspace, member dashboard,
   participation. Identity lives in the brand ramp, never the neutral.
   Mode files (admin.css, participant.css) set cool-slate defaults; this
   sheet loads after both and wins for warm themes regardless of data-mode. */

[data-theme="ember"],
[data-theme="crimson"],
[data-theme="pink"],
[data-theme="burgundy"],
[data-theme="espresso"] {
  --surface-page: #fafaf9;
  --surface-neutral: #f5f5f4; /* Warm stone gray — brand-free panel backgrounds */
  --surface-sunken: #f5f5f4;
  --surface-hover: #fafaf9;

  /* Warm neutrals (stone palette) to match warm accents */
  --text-primary: #1c1917;
  --text-secondary: #57534e;
  --text-tertiary: #a8a29e;
  --text-disabled: #d6d3d1;
  --border-default: #e7e5e4;
  --border-subtle: #f0efee;
  --border-strong: #d6d3d1;
  --input-border: #d6d3d1;
  --scrollbar-thumb: #d6d3d1;
  --scrollbar-thumb-hover: #a8a29e;
}

/* Ember: deeper accent for orange-on-stone contrast */
[data-theme="ember"] {
  --accent-primary: var(--brand-700);
  --accent-hover: var(--brand-800);
  --button-primary-bg: var(--brand-700);
  --button-primary-bg-hover: var(--brand-800);
}