/* ============================================
   variables.css — All CSS Custom Properties
   Edit this file to rebrand the entire site
   ============================================ */

:root {
  /* ── Background Layers ── */
  --bg:      #030712;   /* Page background */
  --bg2:     #0a0f1e;   /* Card backgrounds */
  --bg3:     #0d1424;   /* Topbars, headers */

  /* ── Surfaces (Glassmorphism) ── */
  --surface:  rgba(255, 255, 255, 0.04);
  --surface2: rgba(255, 255, 255, 0.07);

  /* ── Borders ── */
  --border:  rgba(255, 255, 255, 0.08);
  --border2: rgba(255, 255, 255, 0.14);

  /* ── Text Colors ── */
  --text:  #f0f4ff;  /* Primary */
  --text2: #8892a4;  /* Secondary */
  --text3: #4a5568;  /* Tertiary */

  /* ── Brand Accent Colors ── */
  --accent:  #4ade80;  /* Primary green — change this to rebrand */
  --accent2: #22c55e;
  --gold:    #fbbf24;
  --blue:    #60a5fa;
  --purple:  #a78bfa;
  --coral:   #fb7185;
  --teal:    #2dd4bf;

  /* ── Gradients ── */
  --grad1: linear-gradient(135deg, #4ade80, #22d3ee);
  --grad2: linear-gradient(135deg, #a78bfa, #fb7185);
  --grad3: linear-gradient(135deg, #fbbf24, #f97316);

  /* ── Typography ── */
  --font:  'Sora', sans-serif;
  --serif: 'DM Serif Display', serif;
  --mono:  'JetBrains Mono', monospace;

  /* ── Spacing & Radius ── */
  --r:  16px;
  --r2: 24px;

  /* ── Transitions ── */
  --transition: all 0.2s ease;
  --transition-slow: all 0.3s ease;
}