/* ======================================
   GLOBAL RESET
====================================== */

*,
*::before,
*::after{

    box-sizing:border-box;

}

body{

    margin:0;

    font-family:Arial, Helvetica, sans-serif;

}

/* ======================================
   GLOBAL VARIABLES
====================================== */

:root{

    /* Colors */
    --primary:#0B0F19;
    --secondary:#D4AF37;
    --white:#ffffff;
    --text:#B8BEC9;

    /* Added: consolidated muted text for light-background sections
       (was hardcoded as #666 in hero.css and #777 in trust.css) */
    --muted:#6b6d76;

    /* Added: the gold gradient was duplicated identically in
       header.css (.header-actions button) and hero.css (.hero-btn-primary) */
    --gold-gradient: linear-gradient(135deg, #D4AF37, #B8860B);

    /* Layout */
    --container:1320px;

    /* Radius */
    --radius:16px;

    /* Transition */
    --transition:.35s ease;

    /* Header */
    --header-height:90px;

}


/* =========================================================
   GLORE FASHION FRAMEWORK
   Base CSS
========================================================= */

:root{

    --color-primary:#D4AF37;
    --color-primary-dark:#B89025;

    --color-dark:#111111;
    --color-text:#4B5563;
    --color-white:#ffffff;

    --bg-light:#FAFAFA;
    --bg-section:#FFFDF8;

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:40px;

    --shadow-soft:0 20px 60px rgba(0,0,0,.08);
    --shadow-gold:0 20px 50px rgba(212,175,55,.20);

    --transition:.35s ease;

    --container:1320px;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:
    Inter,
    Poppins,
    sans-serif;

    color:var(--color-dark);

    background:#fff;

    line-height:1.7;

    overflow-x:hidden;

}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.gf-hero{

    max-width:var(--container);

    margin:auto;

    padding:90px 30px;

}