/* =============================================================================
   public/assets/css/base.css | Ultima modifica: 02/08/2026 | v1.0

   BLOCK: Token e fondamenta - brand Poli Telematici Universitari

   Intent:
     - Look istituzionale-universitario: magenta + grigi neutri
     - Playfair Display (serif Didone) per i titoli, Inter per testo e UI
     - Palette UFFICIALE 4 colori (GM, 02/08/2026):
       #A2185B magenta, #9D9D9C grigio, #EDEDEC grigio chiaro, #FFFFFF bianco

   Constraints:
     - Mai magenta per il body text (contrasto WCAG)
     - Niente stili inline nei template: estendere questi file
   ============================================================================= */

:root {
    --color-primary:    #a2185b;   /* Magenta brand: CTA, label, barre */
    --color-primary-dk: #8a1450;   /* Variante scura: hover, gradienti hero */
    --color-grey:       #9d9d9c;   /* Grigio brand: meta, testi secondari */
    --color-surface:    #ededec;   /* Grigio chiaro brand: card, fondi */
    --color-bg:         #ffffff;
    --color-text:       #2b2b2b;   /* Body text (derivato, non brand) */
    --color-border:     #dededd;   /* Divisori (derivato dal surface) */

    --font-serif: 'Playfair Display', Georgia, serif;
    --font-sans:  'Inter', -apple-system, sans-serif;

    --container: 1120px;
    --radius: 6px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.7;
    color: var(--color-text);
    background: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    font-family: var(--font-serif);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 0.5em;
    color: var(--color-text);
}

a {
    color: var(--color-primary);
}

img {
    max-width: 100%;
    display: block;
}

.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 20px;
}