/* =========================================================
   ZENDRA – HOME THEME UNIFIER
   Purpose: force ALL pages to match the landing (index) theme,
   while keeping each page's layout intact.
   Loaded AFTER main.css + style.css.
========================================================= */

:root{
  /* Map legacy per-page variables onto the landing theme tokens */
  --bg0: var(--bg);
  --bg1: var(--bg-elevated);
  --bg2: var(--bg-soft);

  --text: var(--text-main);
  --muted: var(--text-muted);
  --muted2: rgba(167, 160, 192, 0.72);

  --z: var(--accent-blue);

  /* Common names used across pages */
  --card: var(--bg-elevated);
  --panel: var(--bg-elevated);
  --line: var(--border-subtle);

  --shadow: var(--shadow-soft);
  --radius: var(--radius-lg);
  --r: var(--radius-lg);
  --r2: var(--radius-xl);

  /* Optional glow hooks */
  --glow: 0 0 18px rgba(127, 182, 255, .30), 0 0 38px rgba(199, 148, 255, .12);
  --neon: rgba(127, 182, 255, .22);
}

/* Hard-align base page background & text if any page overrides it */
html, body{
  background:
    radial-gradient(circle at 0% 0%, #261449 0, transparent 45%),
    radial-gradient(circle at 100% 0%, #2b1550 0, transparent 50%),
    radial-gradient(circle at 50% 100%, #120822 0, #020008 60%);
  color: var(--text-main);
}

/* Ensure generic panels/cards inherit the same feel */
.card, .panel, .glass, .z-card{
  background: rgba(11, 6, 23, 0.72);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-soft);
  border-radius: var(--radius-lg);
}

/* Buttons (catch-all) */
button, .btn, .button, a.btn{
  border-radius: 14px;
}

/* Inputs */
input, select, textarea{
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-subtle);
  color: var(--text-main);
}
input::placeholder, textarea::placeholder{
  color: rgba(167,160,192,.85);
}