/* ===== base.css ===== */

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

html {
    scroll-behavior:smooth;
}

body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: 1.9;
    color: var(--text);
    background: var(--primary);
}

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

ul {
    list-style:none;
}

a {
    text-decoration:none;
}

section {
    padding:110px 0;
    position:relative;
}

.container {
    width:90%;
    max-width:1400px;
    margin:auto;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar {
    width:10px;
}

::-webkit-scrollbar-track {
    background:var(--dark);
}

::-webkit-scrollbar-thumb {
    background:var(--gold);
    border-radius:50px;
}

/* --- SELECTION --- */
::selection {
    background:var(--gold);
    color:var(--primary);
}

/* --- TEXT COLORS --- */
h1,h2,h3,h4,h5,h6 {
    color:var(--white);
    font-weight:700;
}

p {
    color:#c9c9c9;
    line-height:2;
}

/* --- LOADING FIX --- */
img {
    image-rendering:auto;
}

/* --- SECTION PADDING (merged size fix) --- */
section {
    padding: 80px 0;
}