:root {

/* Brand Colors */
--color-primary: #D8C2FF;     /* Lilac Glow */
--color-secondary: #CDE9FF;   /* Cloud Blue */
--color-accent: #A6FFD6;      /* Neon Mint */
--color-accent-2: #FFCBC2;    /* Soft Coral */

/* Neutrals */
--color-neutral-light: #F4F4F6;  /* Warm Gray / background secondario */
--color-neutral-border: #E5E5E5; /* Divider / border leggero */

/* Text Colors */
--color-text-primary: #2D2D2D;   /* Titoli (forte, leggibile) */
--color-text-body: #4A4A4A;      /* Testo paragrafi */
--color-text-secondary: #6E6E6E; /* Testi secondari / descrizioni */
--color-text-disabled: #A5A5A5;  /* Placeholder / disabled */

/* Backgrounds */
--color-bg-primary: #FFFFFF;          /* Sfondo principale */
--color-bg-secondary: #F4F4F6;        /* Sezioni alternate / card */

/* Buttons */
--button-primary-bg: var(--color-primary);
--button-primary-text: var(--color-text-primary);
--button-secondary-bg: #FFFFFF;
--button-secondary-text: var(--color-primary);
--button-secondary-border: var(--color-primary);

  /* States */
  --color-danger: #dd5b55;
  --color-warning: var(--color-accent);     /* Mint Green */
  --color-success: var(--color-accent-2);   /* Soft Coral */
  --color-info: var(--color-secondary);    /* Cloud Blue */


  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 25px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 8px 24px rgba(0,0,0,.12);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.16);

}