:root{

    /* ======================================================
       COLORS
    ====================================================== */

    --pz-primary:#FF7A1A;
    --pz-primary-dark:#F26700;
    --pz-secondary:#F43F5E;

    --pz-dark:#111315;
    --pz-dark-2:#181B20;
    --pz-dark-3:#232833;

    --pz-light:#F8FAFC;
    --pz-white:#FFFFFF;

    --pz-text:#0F172A;
    --pz-text-light:#64748B;

    --pz-border:#E5E7EB;

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

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

    /* ======================================================
       CONTAINERS
    ====================================================== */

    --pz-container:1280px;
    --pz-container-small:1100px;
    --pz-container-wide:1440px;

    --pz-navbar-height:80px;

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

    --pz-radius-sm:12px;
    --pz-radius-md:20px;
    --pz-radius-lg:28px;
    --pz-radius-xl:40px;
    --pz-radius-pill:999px;

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

    --pz-shadow-sm:
        0 8px 20px rgba(15,23,42,.05);

    --pz-shadow:
        0 20px 60px rgba(15,23,42,.08);

    --pz-shadow-lg:
        0 35px 90px rgba(15,23,42,.18);

    /* ======================================================
       TRANSITION
    ====================================================== */

    --pz-transition:.35s ease;

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

    --pz-z-navbar:1000;
    --pz-z-dropdown:1100;
    --pz-z-modal:2000;



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

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


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

--pz-title-xl:clamp(68px,6vw,96px);
--pz-title-lg:clamp(52px,5vw,72px);
--pz-title-md:clamp(38px,4vw,56px);

--pz-text-xl:22px;
--pz-text-lg:20px;
--pz-text-md:18px;
--pz-text-sm:16px;


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

--pz-hero-height:980px;

}