/* Generato da Style Dictionary a partire da tokens/tokens.json. Non modificare a mano. */

:root {
  color-scheme: dark light;

  /* Tipografia */
  --font-testo: "Barlow", system-ui, sans-serif;
  --peso-regolare: 400;
  --peso-medio: 500;
  --peso-semigrassetto: 600;
  --dimensione-micro: 11.5px;
  --dimensione-piccola: 12px;
  --dimensione-nota: 13px;
  --dimensione-nota-media: 13.5px;
  --dimensione-corpo-piccolo: 14px;
  --dimensione-corpo-piccolo-alt: 14.5px;
  --dimensione-corpo: 15px;
  --dimensione-base: 17px;
  --dimensione-corpo-grande: 17px;
  --dimensione-etichetta: 20px;
  --dimensione-titolo-3: 20px;
  --dimensione-titolo-2-mobile: 22px;
  --dimensione-titolo-2: 26px;
  --dimensione-titolo-1-mobile: 28px;
  --dimensione-titolo-1: 34px;
  --interlinea-titolo-1: 1.2;
  --interlinea-titolo-2: 1.25;
  --interlinea-corpo: 1.6;
  --spaziatura-lettere-logo: 0.01em;
  --spaziatura-lettere-maiuscoletto: 0.06em;
  --spaziatura-lettere-titolo-1: -0.01em;
  --spaziatura-lettere-titolo-2: -0.005em;

  /* Misura */
  --larghezza-logotipo-testata-mobile: 180px;
}

html[data-theme="dark"] {
  color-scheme: dark;

  /* Colore */
  --fondo: #131416;
  --superficie: #2a2c2f;
  --superficie-2: #303336;
  --fondo-barra: #1b1d20;
  --sezione-aperta: #28292c;
  --bordo: #424549;
  --testo: #e9eaeb;
  --testo-2: #a5a9ae;
  --testo-3: #91959a;
  --accento: #f2a93b;
  --accento-testo: #131416;
  --ok: #57b47a;
  --no: #d4636a;
}

html[data-theme="light"] {
  color-scheme: light;

  /* Colore */
  --fondo: #ffffff;
  --superficie: #e2e2e3;
  --superficie-2: #d2d2d4;
  --fondo-barra: #eeeef0;
  --sezione-aperta: #dfdfe2;
  --bordo: #bcbcbf;
  --testo: #1b1c1e;
  --testo-2: #505359;
  --testo-3: #606368;
  --accento: #a46800;
  --accento-testo: #ffffff;
  --ok: #2e7d4f;
  --no: #b3454d;
}