/* ═══════════════════════════════════════════════════════════════════════
   SceneTime — Dark Theme Variables
   Loaded by stdhead() for dark theme. base.css uses these via var().
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  /* ── Backgrounds ──────────────────────────────────────────────── */
  --bg:           #1a1b21;
  --bg-alt:       #1e2028;
  --bg-card:      #1c1e24;
  --bg-raised:    #22242c;
  --bg-legacy:    #2a2a2a;
  --bg-head:      rgba(255,255,255,.025);
  --bg-hover:     rgba(255,255,255,.04);
  --bg-input:     rgba(255,255,255,.05);
  --bg-overlay:   rgba(0,0,0,.6);

  /* ── Borders ──────────────────────────────────────────────────── */
  --border:       rgba(255,255,255,.07);
  --border-sub:   rgba(255,255,255,.04);
  --border-lg:    #333;
  --border-lg2:   #444;

  /* ── Text ─────────────────────────────────────────────────────── */
  --text:         #e0e0e0;
  --text-muted:   #888;
  --text-dim:     #555;
  --text-bright:  #fff;
  --text-link:    #ccc;
  --text-link-lg: #fff;

  /* ── Accent ───────────────────────────────────────────────────── */
  --accent:       #e67e22;
  --accent-dark:  #d35400;
  --accent-light: #f08533;
  --accent-glow:  rgba(230,126,34,.3);
  --accent-dim:   rgba(230,126,34,.15);

  /* ── Status ───────────────────────────────────────────────────── */
  --green:        #4caf50;
  --green-dark:   #2e7d32;
  --green-dim:    rgba(39,174,96,.15);
  --red:          #e74c3c;
  --red-dark:     #c62828;
  --red-dim:      rgba(231,76,60,.15);
  --blue:         #3498db;
  --blue-dark:    #2980b9;
  --blue-dim:     rgba(52,152,219,.15);
  --gold:         #FFD700;

  /* ── Forms ────────────────────────────────────────────────────── */
  --input-bg:     rgba(255,255,255,.05);
  --input-border: rgba(255,255,255,.1);
  --input-text:   #e0e0e0;
  --input-focus:  #e67e22;

  /* ── Navigation ───────────────────────────────────────────────── */
  --nav-bg:         #13151c;
  --nav-text:       rgba(255,255,255,.55);
  --nav-text-bright:#fff;
  --nav-accent:     #e67e22;
  --nav-border:     rgba(255,255,255,.06);
  --nav-shadow:     0 1px 0 rgba(255,255,255,.03);
  --nav-hover:      rgba(255,255,255,.07);
  --nav-height:     50px;
  --nav-dd-bg:      #1c1f2a;
  --nav-dd-border:  rgba(255,255,255,.08);
  --nav-dd-shadow:  0 12px 40px rgba(0,0,0,.5);
  --nav-indicator:  #e67e22;
  --sb-bg:          #111318;
  --sb-border:      rgba(255,255,255,.04);

  /* ── VPbox modal ──────────────────────────────────────────────── */
  --modal-bg:     #111;
  --modal-border: #333;
  --modal-text:   #e0e0e0;
  --modal-head-border: #333;

  /* ── Pager ────────────────────────────────────────────────────── */
  --pg-on-bg:     #e67e22;
}

/* ═══════════════════════════════════════════════════════════════════════
   RSS SYSTEM — dark theme
   ═══════════════════════════════════════════════════════════════════════ */
.rss-token-box { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-token-input { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); color: #e0e0e0; }
.rss-btn { background: #22242c; border-color: rgba(255,255,255,.1); color: #e0e0e0; }
.rss-btn:hover { background: rgba(255,255,255,.07); }
.rss-btn-rotate { color: #e74c3c; border-color: rgba(231,76,60,.2); }
.rss-btn-rotate:hover { background: rgba(231,76,60,.15); }
.rss-btn-primary { background: #e67e22; color: #fff; border-color: #d35400; }
.rss-btn-primary:hover { background: #d35400; }
.rss-filter-bar { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-item { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-item:hover { border-color: rgba(230,126,34,.3); box-shadow: 0 2px 12px rgba(0,0,0,.25); }
.rss-error { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-locked { border-color: rgba(231,76,60,.2); }
.rss-empty { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-api-docs { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-api-code { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.04); color: #e67e22; }
.rss-api-pre { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.04); color: #e0e0e0; }
.rss-api-tester { background: #22242c; border-color: rgba(255,255,255,.04); }
.rss-api-table th { background: rgba(255,255,255,.025); border-color: rgba(255,255,255,.07); color: #888; }
.rss-api-table td { border-color: rgba(255,255,255,.04); }
.rss-info-box { background: #1c1e24; border-color: rgba(255,255,255,.07); }
.rss-info-box code { background: rgba(255,255,255,.05); }

/* ═══════════════════════════════════════════════════════════════════════
   ACCOUNT CHANGES — dark theme
   ═══════════════════════════════════════════════════════════════════════ */
.acc-email-masked { background: #22242c; border-color: rgba(255,255,255,.07); color: #aaa; }
.acc-msg-success { background: rgba(76,175,80,.12); border-color: rgba(76,175,80,.4); color: #81c784; }
.acc-msg-error { background: rgba(231,76,60,.12); border-color: rgba(231,76,60,.4); color: #e57373; }
.acc-msg-warning { background: rgba(230,126,34,.12); border-color: rgba(230,126,34,.4); color: #e67e22; }
.acc-pw-strength-bar { background: rgba(255,255,255,.07); }
.acc-pw-req-item--met { color: #81c784; }
.acc-pw-req-item--unmet { color: #555; }
.acc-pw-req-item--unmet i { color: #e57373; }