:root {
    --primary: #ffa529;
    --primary-dark: #ffa529;
    --primary-light: #fff4e6;
    --footer-bg: #ffa529;
    --form-bg: #fdfdfd;
    --input-icon-bg: #fffbf5;
    --secondary: #2c3e50;
    --accent: #e52e2e;
    --white: #ffffff;
    --bg-light: #f9f9f9;
    --border: #eeeeee;
    --text-main: #333333;
    --text-muted: #777777;
    --black: #000000;
    --orange: #e4572e;
    --radius: 8px;
    --main-font: 'GothamRounded', sans-serif;

    /* Dynamic Component Variables */
    --ann-padding-d: 10px;
    --ann-padding-m: 8px;
    --ann-font-size-d: 14px;
    --ann-font-size-m: 12px;

    --wa-size: 35px;
    --wa-bottom: 20px;
    --wa-side: 20px;

    --cat-icon-size-d: 85px;
    --cat-icon-size-m: 70px;
    --cat-title-size: 18px;
    --cat-name-size: 14px;

    --slider-h-d: 500px;
    --slider-h-m: 400px;
    --slider-overlay: #000;
    --slider-opacity: 0.3;

    --hero-height-d: 500px;
    --hero-height-m: 450px;

    --v-height-d: 600px;
    --v-height-m: 400px;
    --v-overlay: #000;
    --v-opacity: 0.4;
    --v-title-size-d: 48px;
    --v-title-size-m: 28px;
}

/* Adaptive Loading: Low-end device overrides */
body.is-low-end * {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
    animation-iteration-count: 1 !important;
}

body.is-low-end .swiper-slide {
    transition-property: transform, opacity !important;
}

body.is-low-end .drawer {
    transition: none !important;
}