/* ==========================================================
   AURORA THEME
   Fresh Turquoise Premium Theme
========================================================== */

:root,
.theme-aurora{

    /* ======================================================
       BRAND
    ====================================================== */

    --brand-primary:#06b6b8;
    --brand-secondary:#0f8b8d;
    --brand-accent:#15d4c7;

    /* ======================================================
       SURFACE
    ====================================================== */

    /* Main page background */
    --surface-primary:#f8fcfc;

    /* Cards / Containers */
    --surface-secondary:#ffffff;

    /* Alternate Sections */
    --surface-tertiary:#eef9f9;

    /* Premium Gradient */
    --surface-gradient:linear-gradient(
        135deg,
        #09b9bb 0%,
        #0f8b8d 50%,
        #13c7bb 100%
    );

    /* CTA / Hero / Highlight */
    --surface-highlight:linear-gradient(
        135deg,
        #18d7cb,
        #0ea5a8
    );

    /* Dark Surface */
    --surface-dark:#0d3d42;

    /* Glass */
    --surface-glass:rgba(255,255,255,.72);

    /* ======================================================
       TEXT
    ====================================================== */

    --text-primary:#17353d;
    --text-secondary:#48636b;
    --text-muted:#7b9198;
    --text-light:#ffffff;
    /* --text-accent:#06b6b8; */
    --text-accent:#bffb2e;
    --border-light:rgba(255,255,255,.18);

    /* ======================================================
       ICON
    ====================================================== */
    --icon-bg:rgba(255,255,255,.10);
    --icon-color:#ffffff;
    --icon-hover-color:#17353d;



    /* ======================================================
       BUTTON
    ====================================================== */

    --button-primary-bg:linear-gradient(
        135deg,
        #06b6b8,
        #0f8b8d
    );

    --button-primary-hover:linear-gradient(
        135deg,
        #0f8b8d,
        #067b7d
    );

    --button-primary-text:#ffffff;

    /* ======================================================
       BORDER
    ====================================================== */

    --border-primary:#d7eceb;

    --border-secondary:rgba(15,139,141,.15);

    /* ======================================================
       SHADOW
    ====================================================== */

    --shadow-sm:
        0 4px 12px rgba(15,139,141,.08);

    --shadow-md:
        0 10px 30px rgba(15,139,141,.15);

    --shadow-lg:
        0 20px 50px rgba(15,139,141,.22);

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

    --radius-sm:8px;

    --radius-md:14px;

    --radius-lg:22px;

    /* ======================================================
       SECTIONS
    ====================================================== */

    /* Hero / Travel Style / Premium Banner */
    --section-feature-bg:var(--surface-gradient);

    /* Light Sections */
    --section-primary-bg:var(--surface-primary);

    /* Alternate Sections */
    --section-secondary-bg:var(--surface-tertiary);

    /* Dark Sections */
    --section-dark-bg:var(--surface-dark);

    /* Glass Overlay */
    --section-glass-bg:var(--surface-glass);


    --radius-section-top:100px 100px 0 0;
    --section-feature-padding:10px 50px 70px;
    --section-overlap:-91px;

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

    --transition:.35s ease;

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

    --space-0:0px;
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;

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

    --radius-none:0px;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:24px;
    --radius-full:9999px;


    /* ======================================================
       NAVBAR
    ====================================================== */

    --navbar-height:76px;
    --navbar-radius:10px;
    --navbar-margin-top:0px;
    --navbar-padding:0px;
    --navbar-left:50%;
    --navbar-max-width:1400px;

    /* ======================================================
       CONTAINER
    ====================================================== */

    --container-width:1320px;
    --container-padding:0 20px;
    --section-padding:90px;

}