:root {
    /* ── Colors ── */
    --clr-green: #00966E;
    --clr-green-hover: #007d5c;
    --clr-red: #D62612;
    --clr-neutral: #F6F6F3;
    --clr-warm: #F0EFEB;
    --clr-dark: #1C211F;
    --clr-secondary: #5C625E;
    --clr-white: #FFFFFF;
    --clr-page-bg: #F2F2F2;

    /* ── Typography ── */
    --ff-body: 'Poppins', sans-serif;
    --fs-h1: clamp(38px, 5vw, 68px);
    --fs-h2: clamp(30px, 4vw, 52px);
    --fs-h3: clamp(22px, 3vw, 26px);
    --fs-h4: 17px;
    --fs-body: 16px;
    --fs-small: 14px;
    --fs-xs: 13px;
    --fs-label: 11px;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --lh-heading: 1.05;
    --lh-body: 1.85;
    --lh-snug: 1.4;
    --ls-heading: -0.02em;
    --ls-label: 0.22em;

    /* ── Spacing ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;
    --section-py: clamp(80px, 8vw, 112px);

    /* ── Layout ── */
    --container-max: 1740px;
    --container-px: 48px;

    /* ── Borders & Radius ── */
    --radius-full: 50%;
    --border-light: rgba(28, 33, 31, 0.07);
    --border-light-alt: rgba(28, 33, 31, 0.1);
    --border-white-15: rgba(255, 255, 255, 0.15);
    --border-white-20: rgba(255, 255, 255, 0.20);
    --border-white-25: rgba(255, 255, 255, 0.25);
    --border-white-30: rgba(255, 255, 255, 0.30);

    /* ── Shadows ── */
    --shadow-header: 0 1px 0 0 rgba(28, 33, 31, 0.08);

    /* ── Transitions ── */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
}