/* ============================================================
   JOY FLUTE ENSEMBLE — Design Tokens
   Palette dal logo: viola, lilla, lavanda, azzurro ghiaccio
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root {
  /* ── Colori principali ── */
  --violet:      #3d3580;   /* viola scuro del logo */
  --violet-mid:  #5549a8;   /* viola intermedio */
  --lavender:    #6b63b5;   /* lavanda media */
  --lilac:       #a89fd4;   /* lilla chiaro */
  --mist:        #dce8f5;   /* azzurro ghiaccio sfondo */
  --mist-deep:   #c8d8ed;   /* mist più saturo */
  --cream:       #f7f5ff;   /* bianco violaceo */
  --white:       #ffffff;

  /* ── Accenti ── */
  --gold:        #c9a84c;   /* accento caldo (nastro del logo) */
  --gold-light:  #e8cA7a;

  /* ── Testo ── */
  --text-dark:   #1e1b3a;
  --text-mid:    #4a4575;
  --text-soft:   #7b78a8;
  --text-muted:  #a8a6c0;

  /* ── Sfondi ── */
  --bg-page:     #f4f2fc;
  --bg-section:  #faf9ff;
  --bg-dark:     #2a2360;
  --bg-darker:   #1e1b3a;

  /* ── Tipografia ── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;

  /* ── Spacing ── */
  --max-w:       1160px;
  --max-w-text:  720px;
  --r:           10px;
  --r-lg:        18px;

  /* ── Ombre ── */
  --shadow-sm:   0 2px 10px rgba(61,53,128,0.08);
  --shadow-md:   0 6px 24px rgba(61,53,128,0.13);
  --shadow-lg:   0 16px 48px rgba(61,53,128,0.18);
  --shadow-xl:   0 32px 80px rgba(61,53,128,0.22);

  /* ── Transizioni ── */
  --t:           0.28s cubic-bezier(.4,0,.2,1);
  --t-slow:      0.55s cubic-bezier(.4,0,.2,1);
}