{
  "$schema": "https://design-tokens.org/schema.json",
  "$description": "ConfuMedia — design token, formato W3C Design Tokens",
  "color": {
    "petrol": {
      "$value": "#0C343D",
      "$type": "color",
      "$description": "Colore istituzionale. Testo forte, fondi scuri, pulsante primario. Contrasto: 11.09:1 su fondo chiaro"
    },
    "petrol-2": {
      "$value": "#0A2B32",
      "$type": "color",
      "$description": "Stato hover del petrol. Contrasto: 12.6:1 su fondo chiaro"
    },
    "accent": {
      "$value": "#7B91FF",
      "$type": "color",
      "$description": "Accento chiaro. Solo decorativo: bordi, aloni, sfondi. Mai per il testo. Contrasto: 2.38:1 — non usare per testo"
    },
    "accent-2": {
      "$value": "#3B4CBF",
      "$type": "color",
      "$description": "Accento scuro. Link, testo di accento, icone informative. Contrasto: 5.87:1 su fondo chiaro"
    },
    "accent-3": {
      "$value": "#2A379B",
      "$type": "color",
      "$description": "Accento profondo. Stato hover dei link. Contrasto: 8.24:1 su fondo chiaro"
    },
    "polvere": {
      "$value": "#5E86AF",
      "$type": "color",
      "$description": "Azzurro polvere. Grafici, illustrazioni, testo grande. Contrasto: 3.17:1 — solo testo grande"
    },
    "bg": {
      "$value": "#ECEAE4",
      "$type": "color",
      "$description": "Fondo del sito. Contrasto: —"
    },
    "bg-2": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Superficie delle schede. Contrasto: —"
    },
    "ink": {
      "$value": "#0C343D",
      "$type": "color",
      "$description": "Titoli. Contrasto: 11.09:1"
    },
    "body": {
      "$value": "#3A474C",
      "$type": "color",
      "$description": "Corpo del testo. Contrasto: 7.99:1"
    },
    "muted": {
      "$value": "#5A686D",
      "$type": "color",
      "$description": "Testo secondario, didascalie. Contrasto: 4.80:1"
    },
    "ok": {
      "$value": "#1F6B4A",
      "$type": "color",
      "$description": "Conferme, esito positivo. Contrasto: 5.35:1"
    },
    "warn": {
      "$value": "#8A5A00",
      "$type": "color",
      "$description": "Avvisi. Contrasto: 4.93:1"
    },
    "err": {
      "$value": "#A3231C",
      "$type": "color",
      "$description": "Errori. Contrasto: 6.20:1"
    }
  },
  "fontFamily": {
    "titolo": {
      "$value": "Sora",
      "$type": "fontFamily"
    },
    "testo": {
      "$value": "Manrope",
      "$type": "fontFamily"
    },
    "logo": {
      "$value": "Questrial",
      "$type": "fontFamily"
    },
    "mono": {
      "$value": "JetBrains Mono",
      "$type": "fontFamily"
    }
  },
  "fontSize": {
    "3xs": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Etichette minime"
    },
    "2xs": {
      "$value": "13px",
      "$type": "dimension",
      "$description": "Note, didascalie"
    },
    "xs": {
      "$value": "14px",
      "$type": "dimension",
      "$description": "Meta, chip"
    },
    "sm": {
      "$value": "15px",
      "$type": "dimension",
      "$description": "Interfaccia secondaria"
    },
    "base": {
      "$value": "17px",
      "$type": "dimension",
      "$description": "Corpo del testo"
    },
    "md": {
      "$value": "19px",
      "$type": "dimension",
      "$description": "Occhiello lungo"
    },
    "lg": {
      "$value": "20 → 23px",
      "$type": "dimension",
      "$description": "Titoli h4"
    },
    "xl": {
      "$value": "23 → 28px",
      "$type": "dimension",
      "$description": "Titoli h3"
    },
    "2xl": {
      "$value": "28 → 40px",
      "$type": "dimension",
      "$description": "Titoli h2"
    },
    "3xl": {
      "$value": "36 → 60px",
      "$type": "dimension",
      "$description": "Titolo h1"
    }
  },
  "spacing": {
    "1": {
      "$value": "0.25rem",
      "$type": "dimension"
    },
    "2": {
      "$value": "0.5rem",
      "$type": "dimension"
    },
    "3": {
      "$value": "0.75rem",
      "$type": "dimension"
    },
    "4": {
      "$value": "1rem",
      "$type": "dimension"
    },
    "5": {
      "$value": "1.5rem",
      "$type": "dimension"
    },
    "6": {
      "$value": "2rem",
      "$type": "dimension"
    },
    "7": {
      "$value": "2.5rem",
      "$type": "dimension"
    },
    "8": {
      "$value": "3rem",
      "$type": "dimension"
    },
    "9": {
      "$value": "4rem",
      "$type": "dimension"
    },
    "10": {
      "$value": "5rem",
      "$type": "dimension"
    },
    "11": {
      "$value": "6.5rem",
      "$type": "dimension"
    },
    "12": {
      "$value": "8rem",
      "$type": "dimension"
    }
  },
  "radius": {
    "xs": {
      "$value": "8px",
      "$type": "dimension"
    },
    "sm": {
      "$value": "12px",
      "$type": "dimension"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "22px",
      "$type": "dimension"
    },
    "xl": {
      "$value": "28px",
      "$type": "dimension"
    },
    "full": {
      "$value": "999px",
      "$type": "dimension"
    }
  }
}