/* Erzeugt von scripts/genera_tokens.py aus ops/designsystem/tokens.json. Nicht von Hand ändern. */
:root {
  color-scheme: light dark;
  --carta: #f6f7f2;
  --carta-viva: #ffffff;
  --foglia: #e9ede3;
  --linea: #cdd5c8;
  --inchiostro: #1f2b27;
  --inchiostro-tenue: #55625c;
  --bosco: #18655d;
  --on-bosco: #ffffff;
  --bosco-tenue: #d8e8e3;
  --sole: #cca21a;
  --on-sole: #1f2b27;
  --sole-testo: #8a6a0a;
  --salvia: #8e937b;
  --carrubo: #6b4a2e;
  --germoglio: #8cb158;
  --stagione-autunno: var(--carrubo);
  --stagione-inverno: var(--salvia);
  --stagione-primavera: var(--germoglio);
  --stagione-estate: var(--sole);
  --melograno: #a63a32;
  --cielo: #2f6a8a;
  --font-display: "Shantell Sans", "Comic Neue", ui-rounded, system-ui, sans-serif;
  --font-testo: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --spazio-1: 4px;
  --spazio-2: 8px;
  --spazio-3: 12px;
  --spazio-4: 16px;
  --spazio-6: 24px;
  --spazio-8: 32px;
  --spazio-12: 48px;
  --raggio-s: 6px;
  --raggio-m: 14px;
  --raggio-l: 28px;
  --raggio-pillola: 999px;
  --ombra-foglia: 0 1px 2px rgba(31,43,39,0.08), 0 4px 12px rgba(31,43,39,0.06);
}
@media (prefers-color-scheme: dark) {
  :root {
    --carta: #121d1a;
    --carta-viva: #1b2a26;
    --foglia: #22332e;
    --linea: #34473f;
    --inchiostro: #e8eee9;
    --inchiostro-tenue: #a9b6af;
    --bosco: #6cc0b2;
    --on-bosco: #0e1f1c;
    --bosco-tenue: #1f3d37;
    --sole: #e2bf4a;
    --on-sole: #121d1a;
    --sole-testo: #e2bf4a;
    --salvia: #6f7660;
    --carrubo: #c79b74;
    --germoglio: #9cc46a;
    --melograno: #ee8a80;
    --cielo: #86bfdc;
    --ombra-foglia: 0 1px 2px rgba(0,0,0,0.4);
  }
}