/* ===== RESET & GLOBAL ===== */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* ===== VARIABLES ===== */
:root {
    /* Entire page */
    --background-color: #1A1818;  /* 1E1E1E */
    
    /* Navbar */
    --navbar-color: #111111;   /* 111111 */
    --header-height: 75px;

    /* Cards */
    --secondary-color: #242424;

    /* Gold */
    --primary-color: #FCBA2B;
    --primary-hover: #EFCBA2B;

    /* Text */
    --text-color: #F5F5F5;
    --text-secondary: #B5B5B5;

    --border-color: rgba(255, 255, 255, .08);

    --transition: .3s ease;
}

/* ===== BODY & LAYOUT ===== */
html,
body {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background: var(--background-color);
    color: var(--text-color);

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

    line-height: 1.7;

    overflow-x: hidden;
}

h1,
h2,
h3 {
    font-family: "Cinzel", serif;
}