/* ── CreatorOS Dark Theme — shared CSS variables ─────────────────────────── */

:root {
  --bg: #0A0A0F;
  --surface: #16161F;
  --surface2: #1C1C26;
  --card: #13131A;
  --border: rgba(255,255,255,0.08);
  --text: #E8E8F0;
  --text-secondary: #8888A0;
  --text-light: #555566;
  --pink: #FF3B8B;
  --accent: #D4537E;
  --accent-bg: rgba(212,83,126,0.12);
  --font: 'DM Sans', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --head: 'Syne', sans-serif;
  --font-head: 'Syne', sans-serif;
  --pink-bg: rgba(255,59,139,0.12);
  --radius: 14px;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

/* ── Per-page accent overrides via body class ─────────────────────────────── */

body.page-social  { --accent: #D4537E; --accent-bg: rgba(212,83,126,0.12); }
body.page-gaming  { --accent: #534AB7; --accent-bg: #f0eeff; }
body.page-wot     { --accent: #BA7517; --accent-bg: #fef9ee; }
body.page-gears   { --accent: #2D8A4E; --accent-bg: #f0fdf4; }
body.page-profile { --accent: #FF3B8B; --accent-bg: rgba(255,59,139,0.12); }
body.page-comments { --accent: #FF3B8B; --accent-bg: rgba(255,59,139,0.12); }
body.page-billing  { --accent: #FF3B8B; --accent-bg: rgba(255,59,139,0.12); }