.elementor-kit-1084{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1084 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- 
  AROMA AIR — GLOBAL THEME TOKENS 
  Paste this into an Elementor HTML widget at the very top of your page (or in the footer).
  It defines the shared variables for all other sections.
-->
<style>
    :root {
        /* ─── Colors ─── */
        --aa-blue: #1E64F3;
        --aa-blue-hover: #1854D0;
        --aa-blue-glow: rgba(30, 100, 243, 0.2);
        --aa-black: #0A0A0A;
        --aa-black-rich: #0F0F0F;
        /* Slightly lighter black for cards/surfaces */
        --aa-white: #FFFFFF;
        --aa-gray-50: #FAFAFA;
        --aa-gray-100: #F5F5F5;
        --aa-gray-200: #ECEEF0;
        --aa-gray-300: #B0B0B0;
        --aa-gray-400: #999999;
        --aa-gray-500: #707070;
        --aa-gray-600: #666666;

        /* ─── Typography ─── */
        /* Ensure these fonts are loaded in Elementor Global Settings or via a plugin */
        --aa-font-display: 'Cormorant Garamond', Georgia, serif;
        --aa-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

        /* ─── Spacing & Layout ─── */
        --aa-content-max: 1320px;
        --aa-radius-sm: 4px;
        --aa-radius-md: 8px;
        --aa-radius-full: 999px;

        /* Vertical Rhythm */
        --aa-section-pad-desktop: 100px;
        --aa-section-pad-mobile: 64px;

        /* ─── Animations ─── */
        --aa-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
        --aa-ease-out: cubic-bezier(0.34, 1.56, 0.64, 1);
        /* Bouncy pop */
        --aa-ease-slow: cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* Utility to hide scrollbar but keep functionality */
    .aa-no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .aa-no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
</style>/* End custom CSS */