/* Replay / Graphite. Neutral surfaces based on Radix Gray; accents stay local. */
:root {
  --gray-100:#f7f7f7; --gray-200:#eeeeee; --gray-300:#e8e8e8;
  --gray-600:#606060; --gray-900:#202020;
  --graphite-700:#2a2a2a; --graphite-800:#222222; --graphite-900:#191919;
  --indigo-600:#4f5ed5; --indigo-300:#acb4ff;
  --green-100:#e2eee5; --green-700:#28633d; --green-300:#9fd5b0; --green-900:#1c3025;

  --bg:var(--gray-200); --surface:var(--gray-100); --raised:#fafafa;
  --sidebar:var(--gray-300); --ink:var(--gray-900); --muted:var(--gray-600);
  --line:#d2d2d2; --accent:var(--indigo-600); --on-accent:#ffffff;
  --soft:#e4e5f1; --own:#e3e5f0; --danger:#a0373c; --green:var(--green-700);
  --demand-ink:var(--green-700); --demand-bg:var(--green-100); --demand-border:#9bbbA5;
  --shadow:0 12px 32px #0000000a; --scrim:#111111a8;
  --font:'IBM Plex Sans','Segoe UI',sans-serif; --display:'Manrope','Segoe UI',sans-serif;
  --radius:12px; --input-bg:var(--surface); --button-bg:var(--raised);
  --motion:160ms; color-scheme:light;
}
html[data-theme=dark] {
  --bg:var(--graphite-900); --surface:var(--graphite-800); --raised:var(--graphite-700);
  --sidebar:#161616; --ink:#e8e8e8; --muted:#b4b4b4; --line:#3a3a3a;
  --accent:var(--indigo-300); --on-accent:#20233c; --soft:#2e3040; --own:#2b2d3b;
  --danger:#efa6a6; --green:var(--green-300);
  --demand-ink:var(--green-300); --demand-bg:var(--green-900); --demand-border:#476d53;
  --shadow:0 12px 32px #00000030; --scrim:#090909b8; color-scheme:dark;
}