/* MA Anna — Color tokens */

:root {
  /* ── Base palette ───────────────────────────────── */
  --color-indigo-night: #15102B;   /* primary dark background */
  --color-ebony-clay:   #2D284B;   /* second dark shade, cards */
  --color-royal-purple: #564199;   /* deep purple accent, glow */
  --color-crocus-purple:#9687F5;   /* light lavender accent, glass */
  --color-mist:         #C6BAFB;   /* soft lavender decorative */
  --color-titan-white:  #EBF0FF;   /* primary light text */

  /* ── Text ───────────────────────────────────────── */
  --text-heading: #EBF0FF;
  --text-body:    rgba(235, 240, 255, 0.78);
  --text-muted:   rgba(235, 240, 255, 0.58);
  --text-label:   #C6BAFB;
  --text-placeholder: rgba(235, 240, 255, 0.48);

  /* ── Borders ────────────────────────────────────── */
  --border-soft:   rgba(235, 240, 255, 0.16);
  --border-accent: rgba(150, 135, 245, 0.30);

  /* ── Glass ──────────────────────────────────────── */
  --glass-fill:    rgba(150, 135, 245, 0.30);
  --glass-stroke:  rgba(150, 135, 245, 0.30);
  --glass-input:   rgba(150, 135, 245, 0.12);
  --glass-card:    rgba(235, 240, 255, 0.05);
  --glass-card-border: rgba(235, 240, 255, 0.14);
  --glass-blur:    18px;

  /* ── Surfaces ───────────────────────────────────── */
  --surface-page:  #15102B;
  --surface-card:  rgba(235, 240, 255, 0.05);
  --surface-popup: rgba(21, 16, 43, 0.88);
  --popup-border:  rgba(198, 186, 251, 0.22);

  /* ── Gradients ──────────────────────────────────── */
  --gradient-main: linear-gradient(135deg, #15102B 0%, #2D284B 42%, #564199 78%, #9687F5 100%); /* @kind color */
  --gradient-auric: linear-gradient(90deg, rgba(198,186,251,0.08), rgba(235,240,255,0.72), rgba(150,135,245,0.22)); /* @kind color */
  --gradient-glass: linear-gradient(145deg, rgba(235,240,255,0.08), rgba(86,65,153,0.12), rgba(21,16,43,0.72)); /* @kind color */

  /* ── Shadow ─────────────────────────────────────── */
  --shadow-popup: 0 32px 120px rgba(0, 0, 0, 0.42);
  --glow-crocus:  0 0 40px rgba(150, 135, 245, 0.35);
}