/**
 * Design tokens – Sistema colore minimalista.
 * Colori base: primary, secondary (vuoto), plain (nero), success.
 * Sfumature derivate: primary-darker1/2, plain-20/40/60/80 (grigi verso nero).
 * Il resto è hardcoded nei componenti.
 */
:root {
    /* ========== Colori base ========== */
    --color-primary: #b9a182;
    --color-secondary: #b9a182; /* placeholder, nulla per ora = stesso di primary */
    --color-tertiary: #25d366;
    --color-plain: #000000;

    /* ========== Sfumature derivate ========== */
    --color-primary-dark-1: color-mix(in srgb, var(--color-primary) 72%, black);
    --color-primary-dark-2: color-mix(in srgb, var(--color-primary) 55%, black);
    --color-primary-light-1: color-mix(in srgb, var(--color-primary) 40%, white);

    --color-tertiary-dark-1: color-mix(in srgb, var(--color-tertiary) 80%, black);
    --color-tertiary-light-1: color-mix(in srgb, var(--color-tertiary) 15%, white);

    --color-plain-light-1: color-mix(in srgb, var(--color-plain) 80%, white);
    --color-plain-light-2: color-mix(in srgb, var(--color-plain) 60%, white);
    --color-plain-light-3: color-mix(in srgb, var(--color-plain) 20%, white);
    --color-plain-light-4: color-mix(in srgb, var(--color-plain) 12%, white);
    --color-plain-light-5: color-mix(in srgb, var(--color-plain) 5%, white);
    --color-plain-light-6: color-mix(in srgb, var(--color-plain) 2%, white);

    
    /* RGB per rgba() (shadow, overlay) */
    --color-shadow-rgb: 0, 0, 0;
    --color-white-rgb: 255, 255, 255;

    /* ========== Tipografia ========== */
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-size-h1: 1.75rem;
    --font-size-h2: 1.8rem;
    --font-size-h3: 1rem;
    --font-size-h4: 0.95rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-base: 1.3;
    --line-height-body: 1.6;

    /* ========== Spaziatura e UI ========== */
    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    --gap-base: 0.5rem;
    --gap-large: 1rem;

    --radius-base: 4px;
    --radius-md: 6px;
    --radius-large: 8px;

    --container-max: 1400px;
    --container-padding: var(--space-6);
}

/* Semantic overrides */
a {
    color: var(--color-plain-light-1);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-dark-1);
}

button {
    font-family: var(--font-family-base);
    color: var(--color-plain);
}