/* =============================================
   NIXBIT — VARIABLES
   Brand: linear-gradient(to right, #4acdf5, #7061f2, #e34aa6)
   ============================================= */

:root {
  --grad:        linear-gradient(to right, #4acdf5, #7061f2, #e34aa6);
  --grad-diag:   linear-gradient(135deg, #4acdf5, #7061f2, #e34aa6);
  --accent:      #7061f2;
  --accent-blue: #4acdf5;
  --accent-pink: #e34aa6;
  --bg:         #0A0A0A;
  --bg-1:       #111111;
  --bg-2:       #161616;
  --bg-3:       #1e1e1e;
  --border:     rgba(255,255,255,0.07);
  --border-accent: rgba(112,97,242,0.3);
  --text:       #F0F0F0;
  --text-muted: #888;
  --text-dim:   #555;
  --radius:     12px;
  --radius-lg:  20px;
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --section-pad: clamp(56px, 7vw, 100px) clamp(20px, 6vw, 80px);
}

/* ── LIGHT THEME ── */
html.light {
  --bg:         #f5f5f7;
  --bg-1:       #ffffff;
  --bg-2:       #efefef;
  --bg-3:       #e4e4e8;
  --border:     rgba(0,0,0,0.08);
  --border-accent: rgba(112,97,242,0.25);
  --text:       #0d0d0d;
  --text-muted: #555;
  --text-dim:   #aaa;
}