/* ================= ROOT (NEUTRAL) ================= */
:root {
    --text: #1f2937;
    --muted: #6b7280;
    --border: #e5e7eb;
    --radius: 8px;
}

/* ================= RESET ================= */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ================= BASE BODY ================= */
body {
    background:
        radial-gradient(circle at top, #141416 0%, #0a0a0c 60%, #050507 100%);
    color: #eaeaea;
}


/* ================= LINKS ================= */
a {
    color: inherit;
    text-decoration: none;
}

/* ================= IMAGES ================= */
img {
    max-width: 100%;
    display: block;
}

/* ================= FORMS (SAFE) ================= */
input,
select,
textarea,
button {
    font-family: inherit;
    font-size: 100%;
}

/* ================= BUTTON RESET ================= */
button {
    border: none;
    background: none;
    cursor: pointer;
}

/* ================= UTILITIES ================= */
.hidden {
    display: none !important;
}

.text-center {
    text-align: center;
}