:root {

    /* =====================================================
   COLORS — BRAND
===================================================== */

    --landin-primary: #c6a46c;
    --landin-primary-light: #e5c78a;
    --landin-primary-dark: #6d513b;

    /* Hover States */

    --landin-primary-hover: #f0d69d;

    /* =====================================================
       COLORS — TEXT
    ===================================================== */

    --landin-text: #5f5a55;
    --landin-text-muted: #828282;
    --landin-text-light: #d6d2c4;

    /* =====================================================
       COLORS — BACKGROUND
    ===================================================== */

    --landin-bg-main: #f8f5f1;
    --landin-bg-dark: #2b2b2b;

    /* =====================================================
       BORDERS
    ===================================================== */

    --landin-border-color:
        rgba(0, 0, 0, 0.08);

    --landin-border-light:
        rgba(255, 255, 255, 0.08);

    /* =====================================================
       OVERLAYS
    ===================================================== */

    --landin-overlay:
        rgba(0, 0, 0, 0.50);

    --landin-header-scrolled:
        rgba(20, 20, 20, 0.72);

    --landin-topbar-text:
        rgba(255, 255, 255, 0.86);
    --landin-gradient-hero:
        linear-gradient(to bottom,
            rgba(0, 0, 0, .45),
            rgba(0, 0, 0, .75));

    /* =====================================================
       MENU
    ===================================================== */

    --landin-menu-toggle-bg:
        rgba(255, 255, 255, 0.14);

    --landin-menu-toggle-hover:
        rgba(255, 255, 255, 0.22);

    --landin-menu-width: 400px;

    /* =====================================================
       TYPOGRAPHY
    ===================================================== */

    --landin-font-primary:
        "Manrope", sans-serif;

    --landin-font-accent:
        "Forum", serif;

    --landin-text-xs: .75rem;
    --landin-text-sm: .875rem;
    --landin-text-md: 1rem;
    --landin-text-lg: 1.125rem;
    --landin-text-xl: 1.25rem;

    /* =====================================================
       HEADINGS
    ===================================================== */

    --landin-heading-xs:
        clamp(1rem, 2vw, 1.25rem);

    --landin-heading-sm:
        clamp(1.5rem, 3vw, 2rem);

    --landin-heading-md:
        clamp(2rem, 4vw, 2.8rem);

    --landin-heading-lg:
        clamp(2.5rem, 5vw, 4rem);

    --landin-heading-xl:
        clamp(3rem, 6vw, 5.5rem);
    --landin-heading-xxs:
    clamp(.8125rem, 1.5vw, .875rem);

    /* =====================================================
       SPACING
    ===================================================== */

    --landin-space-xs: .5rem;
    --landin-space-sm: 1rem;
    --landin-space-md: 1.5rem;
    --landin-space-lg: 2rem;
    --landin-space-xl: 3rem;
    --landin-space-2xl: 5rem;

    /* =====================================================
       SHADOWS
    ===================================================== */

    --landin-shadow-sm:
        0 4px 12px rgba(0, 0, 0, 0.08);

    --landin-shadow-md:
        0 10px 30px rgba(0, 0, 0, 0.08);

    --landin-shadow-lg:
        0 20px 60px rgba(0, 0, 0, 0.15);

    /* =====================================================
       RADIUS
    ===================================================== */

    --landin-radius-sm: 4px;
    --landin-radius-md: 8px;
    --landin-radius-lg: 16px;
    --landin-radius-xl: 24px;
    --landin-radius-pill: 999px;

    /* =====================================================
       TRANSITIONS
    ===================================================== */

    --landin-transition-fast:
        .25s ease;

    --landin-transition-base:
        .35s ease;

    --landin-transition-slow:
        .45s ease;

    /* =====================================================
       HEADER
    ===================================================== */

    --landin-header-height: 100px;
    --landin-header-height-mobile: 80px;

    --landin-logo-size: 90px;
    --landin-logo-size-scrolled: 70px;
    --landin-logo-size-mobile: 65px;

    /* =====================================================
       BUTTONS
    ===================================================== */

    --landin-btn-padding-y: .85rem;
    --landin-btn-padding-x: 1.75rem;

    /* =====================================================
       HERO
    ===================================================== */

    --landin-hero-height: 100vh;

    /* =====================================================
       Z-INDEX
    ===================================================== */

    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-overlay: 1040;
    --z-sidemenu: 1050;
    --z-toggle: 1060;

    /* =====================================================
       GRADIENTS
    ===================================================== */

    --landin-gradient-primary:
        linear-gradient(135deg,
            var(--landin-primary),
            var(--landin-primary-dark));

    --landin-gradient-footer:
        linear-gradient(180deg,
            #2f2a25 0%,
            #1f1f1f 100%);

    --landin-gradient-overlay:
        linear-gradient(to top,
            rgba(0, 0, 0, .75),
            rgba(0, 0, 0, .20));

    --landin-gradient-overlay-dark:
        linear-gradient(to bottom,
            rgba(0, 0, 0, .45),
            rgba(0, 0, 0, .75));

    /* =====================================================
       BUTTONS
    ===================================================== */

    --landin-gradient-primary-hover:
        linear-gradient(135deg,
            var(--landin-primary-dark),
            var(--landin-bg-dark));

    --landin-gradient-gold:
        linear-gradient(135deg,
            var(--landin-primary),
            var(--landin-primary-light));

    --landin-shadow-button:
        0 10px 24px rgba(0, 0, 0, .35);

    --landin-shadow-gold:
        0 8px 20px rgba(198, 164, 108, .25);

    --landin-social-size: 42px;

    --landin-content-width: 720px;

    --landin-card-border: rgba(198, 164, 108, .10);
    --landin-card-border-hover: rgba(198, 164, 108, .35);
    --landin-card-overlay: rgba(0, 0, 0, .25);
    --landin-card-image-height: 260px;
}