:root {
  --coral: #a5a5a5;
  --coral-hover: #fe31de;
  --coral-light: #000000;
  --dark: #ee90c6;
  --gray: #d0cfd4;
  --gray-light: #b0b0b0;
  --border: #ffffff;
  --bg-warm: #1e1d1d;
  --theme-bg: #000000;
  --pill-bg: #fff1f1;
  --pill-text: #ff5a5f;
  --pill-border: #ebebeb;
  --modal-bg: #ffffff;
  --modal-border: #ebebeb;
  --modal-overlay: #00000066;
}
body { background-color: var(--theme-bg); color: var(--dark); }
[data-theme="dark"] {
  --dark: #f4f4f5;
  --gray: #a1a1aa;
  --border: #3f3f46;
  --bg-warm: #18181b;
  --bg-page: #0c0c0e;
  --surface: #18181b;
  --surface-card: #1f1f23;
}