:root {
    /* Colors */
    --color-primary: #0F6B7C;
    /* teal — brand, link, CTA */
    --color-secondary: #7FBDB0;
    /* sage — accenti, tag portfolio */
    --color-accent: #F5C542;
    /* ocra caldo — richiamo copertina libro */
    --color-light: #FAFAF7;
    /* paper warm */
    --color-dark: #1A2332;
    /* ink — footer, portfolio section */
    --color-gray: #4A5568;
    --color-gray-light: #E0E0E0;

    /* Typography */
    --font-primary: 'Plus Jakarta Sans', sans-serif;
    --font-display: 'Fraunces', serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    /* 8px  */
    --spacing-sm: 1rem;
    /* 16px */
    --spacing-md: 2rem;
    /* 32px */
    --spacing-lg: 4rem;
    /* 64px */

    /* Other UI Properties */
    --border-radius: 4px;
    --box-shadow: 0 4px 6px rgba(26, 35, 50, 0.1);
}

/* utility */
.grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 24px;
}

a {
    text-decoration: none;
}

/* navigazione */
.res {
    width: 100%;
}

.clipped {
    clip-path: circle();
}

.site-nav h1 {
    grid-column: 1 / 3;
}

.site-nav__hb {
    grid-column: 8 / 9;
}

.site-nav__menu {
    display: none;
}

/* sezione benvenuto */
.welcome__text {
    grid-column: 1/6;
}

.welcome__img {
    grid-column: 6/9;
}

.welcome__img img {
    clip-path: circle();
    width: 50%;
}

/* LAST PROJECT */

.last__project {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    margin: 0 auto;
}

.project__copertina {
    grid-column: 1/4;
}

.project__testo {
    grid-column: 7/9;
}

.project__testo h2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.project__testo p {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* MEDIUM */
@media(min-width:768px) {
    .grid {
        max-width: 1060px;
        margin: 0 auto;
    }
}


/* LARGE */