/* Tipografia del sito (font, dimensioni, interlinee, stili di testo). */

:root {
    --font-sans: "Inter", sans-serif;
    --font-mono: "Geist Mono", monospace;
}

/* Base: Inter Light, ereditato da tutti gli elementi */
body {
    font-family: var(--font-sans);
    font-weight: 300;
}

/* --- HEADINGS --- */

.h0 {
    font-size: 90px;
    font-weight: 300;
    line-height: 1.1;
}

.h1 {
    font-size: 60px;
    font-weight: 300;
    line-height: 1.1;
}

.h2 {
    font-size: 45px;
    font-weight: 300;
    line-height: 1.2;
}

.h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
}

.h4 {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.3;
}

/* --- BODY --- */

.body-medium {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.body-small {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.body-micro {
    font-size: 11px;
    font-weight: 300;
    line-height: 1.4;
}

.button-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

/* --- MICRO LABEL --- */

.eyebrow,
.label,
.micro-label {
    font-family: var(--font-mono);
    text-transform: uppercase;
}

.eyebrow {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
    color: var(--color-green);
}

.label {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
}

.micro-label {
    font-size: 13px; /* TODO: nel kit e' 13 pt come l'eyebrow, ma visivamente e' piu' piccola: verificare */
    font-weight: 300;
    line-height: 1.2;
}

/* --- NAVIGATION --- */

.nav-voice {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

/* --- NUMERI --- */

.numero {
    font-size: 90px; /* TODO: non nel kit, definire */
    font-weight: 300;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.numero-unita {
    font-size: 21px; /* TODO: non nel kit, definire */
    font-weight: 400;
    line-height: 1;
}