/**
 * Namoo / ECOVILLE — shared design tokens & breakpoints
 * Responsive-first: mobile base → tablet → laptop → desktop
 */

:root {
    /* Breakpoints (use in media queries; values for reference) */
    --bp-mobile-max: 767px;
    --bp-tablet-min: 768px;
    --bp-tablet-max: 1199px;
    --bp-laptop-min: 1200px;
    --bp-desktop-min: 1440px;

    /* Spacing */
    --container-pad: clamp(1.5rem, 5vw, 3.5rem);
    --section-gap: clamp(5rem, 10vw, 8.75rem);
    --grid-gap: clamp(1.5rem, 2.5vw, 2.5rem);

    /* Typography */
    --font-body: clamp(0.9375rem, 1.6vw, 1rem);
    --font-lead: clamp(1rem, 2vw, 1.0625rem);
    --font-h1: clamp(1.75rem, 5vw, 3.25rem);
    --font-h2: clamp(1.625rem, 4vw, 2.5rem);

    /* Layout */
    --container-max: 80rem;
    --header-h: clamp(4.5rem, 10vw, 5.25rem);
}