/*
 * HSweb – struttura colori del brand (ricavata dal logo)
 * ------------------------------------------------------
 *  brand = arancio di "HS" e delle onde wi-fi   (#F86818)
 *  leaf  = verde lime di "web"                  (#A0F050)
 *  ink   = grigio neutro del payoff             (#606060)
 *
 * I valori sono canali RGB separati da spazio, così Tailwind può applicare
 * l'opacità (es. bg-brand-500/20). Per cambiare tono al sito basta modificare qui.
 */
:root {
  /* Arancio */
  --brand-50:  255 244 236;
  --brand-100: 255 228 209;
  --brand-200: 255 196 158;
  --brand-300: 255 159 102;
  --brand-400: 251 130 55;
  --brand-500: 248 104 24;   /* #F86818 – colore principale, pulsanti */
  --brand-600: 221 84 9;     /* #DD5409 – hover, testi su bianco */
  --brand-700: 183 66 10;
  --brand-800: 146 54 16;
  --brand-900: 119 47 17;
  --brand-950: 64 21 6;

  /* Verde lime */
  --leaf-50:  247 254 239;
  --leaf-100: 237 252 220;
  --leaf-200: 216 250 185;
  --leaf-300: 189 245 138;
  --leaf-400: 160 240 80;    /* #A0F050 – verde del logo, accenti su scuro */
  --leaf-500: 134 222 44;
  --leaf-600: 103 184 26;
  --leaf-700: 78 140 22;     /* #4E8C16 – verde leggibile su bianco */
  --leaf-800: 62 110 21;
  --leaf-900: 51 90 21;
  --leaf-950: 26 51 10;

  /* Neutri caldi */
  --ink-50:  248 248 247;
  --ink-100: 239 239 238;
  --ink-200: 222 222 220;
  --ink-300: 196 196 193;
  --ink-400: 155 155 152;
  --ink-500: 122 122 119;
  --ink-600: 96 96 96;       /* #606060 – grigio del payoff */
  --ink-700: 74 74 73;
  --ink-800: 49 49 48;
  --ink-900: 31 31 30;
  --ink-950: 18 18 17;       /* sezioni scure */
}