:root{
  /* DARK (по умолчанию) */
  --bg: #0b0b0b;
  --fg: #ffffff;
  --text: #ffffff;
  --muted: rgba(255,255,255,.70);
  --card: #121212;
  --card2: #0f0f0f;
  --border: rgba(255,255,255,.14);
  --border2: rgba(255,255,255,.22);
  --focus: rgba(255,255,255,.35);

  --placeholder: rgba(255,255,255,.45);

  --btn-bg: #ffffff;
  --btn-fg: #0b0b0b;
  --btn-bg-hover: rgba(255,255,255,.88);

  --cs-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* login.php задаёт inline */
  --cs-login-logo-dark: none;
  --cs-login-logo-light: none;
}

/* LIGHT */
html[data-theme="light"]{
  --bg: #ffffff;
  --fg: #0b0b0b;
  --text: #0b0b0b;
  --muted: rgba(0,0,0,.62);
  --card: #f6f6f6;
  --card2: #ffffff;
  --border: rgba(0,0,0,.14);
  --border2: rgba(0,0,0,.22);
  --focus: rgba(0,0,0,.35);

  --placeholder: rgba(0,0,0,.35);

  --btn-bg: #0b0b0b;
  --btn-fg: #ffffff;
  --btn-bg-hover: rgba(11,11,11,.88);
}