/* ==========================================================================
   Paradox Club — Themes (Landing)
   Тема управляет CSS-переменными на body.theme-dark / body.theme-light
   ========================================================================== */

/* Dark (default) */
body.theme-dark {
  --bg-primary: rgba(10, 10, 14, 0.92);
  --bg-secondary: rgba(22, 22, 32, 0.82);
  --bg-overlay: rgba(0, 0, 0, 0.62);

  /* Surfaces */
  --surface: rgba(10, 12, 18, 0.55);
  --surface-hover: rgba(10, 12, 18, 0.68);
  --widget: rgba(10, 12, 18, 0.36);
  --widget-hover: rgba(10, 12, 18, 0.5);
  --panel: rgba(10, 12, 18, 0.82);
  --panel-strong: rgba(10, 12, 18, 0.86);

  --text-primary: rgba(255, 255, 255, 0.95);
  --text-secondary: rgba(255, 255, 255, 0.74);
  --text-muted: rgba(255, 255, 255, 0.55);
  --border-color: rgba(255, 255, 255, 0.12);

  /* Brand palette (from logo.png) */
  --violet: #8058c8;
  --pink: #b84888;
  --cyan: #20b8b0;
  --yellow: #f8d038;
  --indigo: #4838a0;

  /* Landing accent */
  --accent-color: var(--cyan);
  --accent-2: var(--violet);

  --shadow: rgba(0, 0, 0, 0.55);
}

/* Light */
body.theme-light {
  /* Light, but not "white screen" */
  --bg-primary: rgba(232, 236, 245, 0.92);
  --bg-secondary: rgba(246, 248, 252, 0.92);
  /* keep contrast on video so it doesn't wash out */
  --bg-overlay: rgba(0, 0, 0, 0.18);

  --text-primary: rgba(18, 20, 28, 0.92);
  --text-secondary: rgba(18, 20, 28, 0.7);
  --text-muted: rgba(18, 20, 28, 0.52);
  --border-color: rgba(0, 0, 0, 0.1);

  /* Surfaces */
  --surface: rgba(255, 255, 255, 0.62);
  --surface-hover: rgba(255, 255, 255, 0.78);
  --widget: rgba(255, 255, 255, 0.55);
  --widget-hover: rgba(255, 255, 255, 0.74);
  --panel: rgba(250, 251, 255, 0.96);
  --panel-strong: rgba(250, 251, 255, 0.98);

  --violet: #8058c8;
  --pink: #b84888;
  --cyan: #20b8b0;
  --yellow: #f8d038;
  --indigo: #4838a0;

  --accent-color: var(--indigo);
  --accent-2: var(--violet);

  --shadow: rgba(0, 0, 0, 0.18);
}