/* ===================================================
   THEME: PURPLE (default)
   Primary #7a3f90 — Montserrat + Open Sans
   Applied when data-theme is absent or "theme1"
   All color/typography tokens defined as :root variables
   =================================================== */

/* ---------- CSS Variables ---------- */
:root {
  --primary:        #7a3f90;
  --primary-dark:   #6b3580;
  --primary-darker: #5a2c6d;
  --primary-light:  #f4ecf7;
  --primary-lighter:#faf6fc;
  --accent:         #af44bb;
  --secondary:      #64748b;
  --success:        #10b981;
  --danger:         #ef4444;
  --warning:        #f59e0b;
  --dark:           #1e1b2e;
  --dark-card:      #252336;
  --text:           #2d3748;
  --text-muted:     #718096;
  --bg:             #f9f8fb;
  --white:          #ffffff;
  --border:         #e2e8f0;
  --navbar-bg:      #5a2c6d;
  --footer-bg:      #1e1b2e;
  --font-heading:   'Montserrat', sans-serif;
  --font-body:      'Open Sans', sans-serif;
  --shadow-sm:      0 1px 3px rgba(0,0,0,.08);
  --shadow:         0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:      0 12px 40px rgba(var(--primary-rgb),.18);
  --radius:         1rem;
  --radius-sm:      .5rem;
  --radius-pill:    50rem;
  --transition:     .25s ease;

  /* RGB components for dynamic rgba() usage */
  --primary-rgb:        122, 63, 144;
  --primary-dark-rgb:   107, 53, 128;
  --primary-darker-rgb: 90, 44, 109;
  --accent-rgb:         175, 68, 187;
  --dark-rgb:           30, 27, 46;
}