/* ==========================================================
   IVORY LUXE THEME
   White • Grey • Gold Premium Theme
========================================================== */

:root,
.theme-ivory-luxe{

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

    --brand-primary:#f59e0b;
    --brand-secondary:#d97706;
    --brand-accent:#fbbf24;

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

   --surface-primary:#ffffff;

   --surface-secondary:#ffffff;

   --surface-tertiary:#f5f5f5;

   --surface-dark:#2d2d2d;

   --surface-gradient:linear-gradient(
       135deg,
       #ffffff 0%,
       #f6f6f6 45%,
       #ececec 100%
   );

   --surface-highlight:linear-gradient(
       135deg,
       #ffb300,
       #f57c00
   );

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


   /* ======================================================
      ON SURFACE (Text according to Background)
   ====================================================== */

   --on-surface-primary:#2f2f2f;

   --on-surface-secondary:#333333;

   --on-surface-tertiary:#444444;

   --on-surface-dark:#ffffff;

   --on-surface-gradient:#2f2f2f;

   --on-surface-glass:#2f2f2f;


   /* ======================================================
      TEXT (Backward Compatibility)
   ====================================================== */

   --text-primary:var(--on-surface-primary);

   --text-secondary:#666666;

   --text-muted:#909090;

   --text-light:var(--on-surface-dark);

   --text-accent:#d97706;

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

 

    --border-light:#ececec;

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

    --icon-bg:#f5f5f5;
    --icon-color:#f59e0b;
    --icon-hover-color:#ffffff;

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

    --button-primary-bg:linear-gradient(
        135deg,
        #ffb300,
        #f57c00
    );

    --button-primary-hover:linear-gradient(
        135deg,
        #f59e0b,
        #d97706
    );

    --button-primary-text:#ffffff;

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

    --border-primary:#e6e6e6;
    --border-secondary:#dddddd;

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

    --shadow-sm:
        0 5px 15px rgba(0,0,0,.05);

    --shadow-md:
        0 10px 30px rgba(0,0,0,.08);

    --shadow-lg:
        0 20px 50px rgba(0,0,0,.12);

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

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

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

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

    --section-primary-bg:#ffffff;

    --section-secondary-bg:#f7f7f7;

    --section-dark-bg:#2d2d2d;

    --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;

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

    --navbar-height:76px;

    /* White Navbar */
    --navbar-background:#ffffff;

    --navbar-border:#ebebeb;

    --navbar-radius:12px;

    --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
    ====================================================== */

    --destination-title-color:#ffffff;

    --destination-title-shadow:
        0 3px 12px rgba(0,0,0,.40);

    --destination-title-size:24px;

    --destination-title-weight:700;

    --destination-title-bottom:20px;

    --destination-title-left:20px;

}