/* ============================================
   Design Tokens — dblengini.com
   ============================================ */

:root {
    /* Palette principale (dal logo) */
    --color-green:        #59B031;
    --color-green-dark:   #4A9628;
    --color-green-light:  #79CC51;
    --color-green-bg:     #F0F9EB;
    --color-charcoal:     #444444;
    --color-charcoal-dark:#2E2E2E;
    --color-charcoal-mid: #5A5A5A;
    --color-white:        #FFFFFF;
    --color-bg:           #F8F8F8;
    --color-bg-section:   #F2F2F2;
    --color-text:         #2E2E2E;
    --color-text-mid:     #555555;
    --color-text-light:   #888888;
    --color-border:       #E0E0E0;

    /* Tipografia */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body:    'DM Sans', sans-serif;

    /* Scale tipografica */
    --text-xs:   0.75rem;    /*  12px */
    --text-sm:   0.875rem;   /*  14px */
    --text-base: 1rem;       /*  16px */
    --text-lg:   1.125rem;   /*  18px */
    --text-xl:   1.25rem;    /*  20px */
    --text-2xl:  1.5rem;     /*  24px */
    --text-3xl:  1.875rem;   /*  30px */
    --text-4xl:  2.25rem;    /*  36px */
    --text-5xl:  3rem;       /*  48px */
    --text-6xl:  3.75rem;    /*  60px */
    --text-7xl:  4.5rem;     /*  72px */

    /* Spacing */
    --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;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;
    --space-32:  8rem;

    /* Layout */
    --container-max:  1200px;
    --container-wide: 1400px;
    --container-pad:  clamp(1rem, 5vw, 2.5rem);

    /* Border radius */
    --radius-sm:   4px;
    --radius:      8px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --shadow:     0 4px 20px rgba(0,0,0,0.08);
    --shadow-md:  0 8px 30px rgba(0,0,0,0.12);
    --shadow-lg:  0 20px 60px rgba(0,0,0,0.15);
    --shadow-green: 0 8px 30px rgba(89,176,49,0.25);

    /* Transizioni */
    --transition-fast:   0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition:        0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow:   0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Z-index */
    --z-nav:     1000; /* deve stare sopra lightbox, overlay, cookie */
    --z-overlay: 200;
    --z-modal:   300;
    --z-cookie:  400;
}