/* ============================================================
   MyCollection — variables.css
   All CSS custom properties (design tokens)
   ============================================================ */

:root {
  --accent:        #794aff;
  --accent-light:  #9b6fff;
  --accent-dark:   #5a32d4;
  --bg:            #080810;
  --bg-2:          #0f0f1a;
  --bg-3:          #14141f;
  --bg-card:       #111120;
  --border:        rgba(121,74,255,.18);
  --border-subtle: rgba(255,255,255,.06);
  --text-primary:  #f0f0ff;
  --text-secondary:#9191b0;
  --text-muted:    #5a5a7a;
  --radius:        16px;
  --radius-sm:     10px;
  --shadow-accent: 0 0 40px rgba(121,74,255,.25);
  --shadow-card:   0 8px 32px rgba(0,0,0,.5);
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}