/* ==========================================================
   ROYAL HORIZON THEME
   Luxury Blue & Gold Premium Theme
========================================================== */

:root,
.theme-royal-horizon{

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

    --brand-primary:#1f4ed8;
    --brand-secondary:#153ea8;
    --brand-accent:#f4b400;

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

    --surface-primary:#f6f9ff;
    --surface-secondary:#ffffff;
    --surface-tertiary:#edf3ff;

    --surface-gradient:linear-gradient(
        135deg,
        #1f4ed8 0%,
        #2447b8 50%,
        #0d2d7a 100%
    );

    --surface-highlight:linear-gradient(
        135deg,
        #ffd54a,
        #f4b400
    );

    --surface-dark:#0b1d4d;

    --surface-glass:rgba(255,255,255,.74);

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

    --text-primary:#1d2c4f;
    --text-secondary:#52627d;
    --text-muted:#7d8aa6;
    --text-light:#ffffff;
    --text-accent:#ffd54a;

    --border-light:rgba(255,255,255,.18);

    /* ======================================================
       ICON
    ====================================================== */

    --icon-bg:rgba(255,255,255,.12);
    --icon-color:#ffffff;
    --icon-hover-color:#1d2c4f;

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

    --button-primary-bg:linear-gradient(
        135deg,
        #1f4ed8,
        #153ea8
    );

    --button-primary-hover:linear-gradient(
        135deg,
        #153ea8,
        #0d2d7a
    );

    --button-primary-text:#ffffff;

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

    --border-primary:#dbe7ff;
    --border-secondary:rgba(31,78,216,.14);

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

    --shadow-sm:
        0 5px 15px rgba(31,78,216,.08);

    --shadow-md:
        0 12px 35px rgba(31,78,216,.16);

    --shadow-lg:
        0 25px 60px rgba(31,78,216,.24);

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

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:22px;

    /* ======================================================
       SECTION
    ====================================================== */

    --section-feature-bg:var(--surface-gradient);

    --section-primary-bg:var(--surface-primary);

    --section-secondary-bg:var(--surface-tertiary);

    --section-dark-bg:var(--surface-dark);

    --section-glass-bg:var(--surface-glass);

    --radius-section-top:100px 100px 0 0;

    --section-feature-padding:10px 50px 70px;

    --section-overlap:-91px;

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

    --transition:.35s ease;

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

    --space-0:0;
    --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:0;
    --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:0;
    --navbar-padding:0;
    --navbar-left:50%;
    --navbar-max-width:1400px;

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

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

    /* ======================================================
       DESTINATION TITLE
    ====================================================== */

    --destination-title-color:#ffffff;

    --destination-title-shadow:
        0 2px 10px rgba(0,0,0,.45),
        0 6px 20px rgba(0,0,0,.35);

    --destination-title-size:24px;

    --destination-title-weight:700;

    --destination-title-bottom:20px;

    --destination-title-left:20px;

}