/* ================================================================
   VARIABLES.CSS — Tokens de design
   Modifică aici culorile, fonturile și spațierea globală.
   ================================================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* Culori principale */
  --plum:         #3D1A4A;
  --plum-light:   #5C2A70;
  --plum-dark:    #2A1233;
  --lavender:     #8B7EC4;
  --lav-light:    #B4ABD8;
  --lav-pale:     #E8E4F5;
  --cream:        #FBF5EE;
  --cream-dark:   #F0E8DC;

  /* Culori text */
  --text-main:    #1A0F22;
  --text-soft:    #5C4D6B;
  --text-muted:   #9B8DAA;
  --white:        #FFFFFF;

  /* Stări clase yoga */
  --selected-bg:  #EDE8F8;
  --conflict-bg:  #F2F0F0;

  /* Raze de colț */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Umbre */
  --shadow-sm: 0 2px 8px  rgba(61, 26, 74, .08);
  --shadow-md: 0 4px 20px rgba(61, 26, 74, .12);
  --shadow-lg: 0 8px 40px rgba(61, 26, 74, .18);

  /* Fonturi */
  --font-head: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Poppins', system-ui, sans-serif;
}