/* ============================================
   Horizon-Aero — Spacing & layout tokens
   Generous, airy rhythm. Sections breathe with clamp() padding.
   ============================================ */
:root {
    /* --- Spacing scale --- */
    --space-1: 8px;
    --space-2: 10px;
    --space-3: 12px;
    --space-4: 20px;
    --space-5: 30px;
    --space-6: 40px;
    --space-7: 60px;
    --space-8: 80px;
    --space-9: 95px;
    --space-10: 110px;

    /* --- Common gaps --- */
    --gap-nav: 40px;       /* header nav items */
    --gap-grid: 30px;      /* card grids */

    /* --- Layout --- */
    --max-w: 1420px;       /* content container */
    --container-pad: 20px; /* gutters */

    /* --- Section rhythm (responsive) --- */
    --section-y: clamp(48px, 7vw, 80px); /* @kind spacing */
}