:root {
    --c-bg: #ffffff;
    --c-accent: #ce886c;
    --c-accent-soft: #e9af90;
    --c-accent-light: #efb596;
    --c-accent-deep: #bb8065;
    --c-tint: #f8ddd1;
    --c-btn: #ecb191;
    --c-btn-on-light: #e2c9bd;
    --c-stripe: #dca889;
    --c-stripe-hero: #e5aa8a;
    --c-stripe-soft: #ebb191;
    --c-field: #fae7de;
    --c-hint: #e59974;
    --c-pill: #f5dacd;
    --c-pill-line: #d9a586;
    --c-sheet-title: #deaa8b;
    --c-title-light: #e2ae8f;
    --c-split: #f1d7ca;
    --c-band-grey: #efefef;
    --c-rule-light: #dfac8d;
    --c-caption: #ebb191;
    --c-rule: rgba(206, 136, 108, 0.53);
    --c-whatsapp: #51b94c;
    --c-on-accent: #ffffff;
    --c-dropdown: rgba(255, 255, 255, 0.46);
    --c-veil: rgba(0, 0, 0, 0.27);
    --rule-lens: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 4' preserveAspectRatio='none'%3E%3Cpath d='M0 2C33 0 67 0 100 2C67 4 33 4 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    --rule-h: 4px;
    --shadow-banner: 0 6px 24px 0 rgba(187, 128, 101, 0.3);

    --c-grad-light: #f8ddd1;
    --c-grad-deep: #f19f76;
    --grad-panel: linear-gradient(to top right, var(--c-grad-deep), var(--c-grad-light));
    --grad-footer: linear-gradient(90deg, #f5dace, #e19870);
    --grad-pill: linear-gradient(90deg, #f5d8cb, #ec9b76);

    --ff-display: 'IBM Plex Serif', Georgia, serif;
    --ff-body: 'Spline Sans', system-ui, sans-serif;

    --fs-display: 62px;
    --fs-section: 48px;
    --fs-h2: 42px;
    --fs-h3: 36px;
    --fs-card: 28px;
    --fs-caption: 25px;
    --fs-lead: 24px;
    --fs-serif: 21px;
    --fs-label: 16px;
    --fs-text-xl: 21px;
    --fs-text-lg: 18px;
    --fs-field: 17px;
    --fs-body: 16px;
    --fs-sm: 15px;
    --fs-article: 17px;
    --fs-blog-card: 30px;
    --fs-tiny: 10px;
    --fs-error: 160px;
    --fs-nav: 14px;

    --lh-tight: 1.15;
    --lh-body: 1.5;
    --lh-list: 2.4;

    --track-legal: 0.075em;
    --track-footer: -0.01em;
    --track-field: -0.005em;

    --fw-extralight: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 96px;
    --sp-10: 128px;

    --container: 1320px;
    --column: 1320px;
    --gutter: 20px;
    --header-h: 145px;

    --r-pill: 999px;
    --r-dropdown: 5px;
    --r-field: 16px;
    --r-panel: 40px;
    --r-frame: 50px;
    --r-gallery: 14px;
    --r-promo: 43px;
    --r-pill-box: 13px;
    --r-panel-sm: 24px;
    --r-hotspot: 15px;
    --r-section: 48px;

    --z-banner: 100;

    --hotspot: 44px;
    --hotspot-halo: 9px;

    --ease: 0.2s ease;
}

@media (max-width: 1599px) {
    :root {
        --fs-display: 52px;
        --fs-section: 40px;
        --fs-h2: 36px;
        --fs-h3: 32px;
        --fs-card: 26px;
        --fs-caption: 22px;
        --fs-lead: 22px;
    }
}

@media (max-width: 1279px) {
    :root {
        --fs-display: 40px;
        --fs-section: 32px;
        --fs-h2: 32px;
        --fs-h3: 28px;
        --fs-card: 24px;
        --fs-caption: 20px;
        --fs-lead: 20px;
    }
}