:root {
--primary-color:#1a1a2e;
--color:#eee;
--navbar-bg:#16213e;
--navbar-color:#e94560;
--search-button:#e94560;
--button-bg:#e94560;
--button-hover:#c23854;
--button-text:#ffffff;
--soldout-bg:#4a4a5e;
--soldout-hover:#3a3a4e;
--soldout-text:#999999;
--background:rgba(15, 15, 30, 0);
--content-bg:#1a1a2e;
--content-text:#eee;
--content-border:#2a2a3e;
--muted-text:#999;
--link-color:#e94560;
--link-hover:#ff5577;
--theme:#ffffff;
--theme-bg:#e94560;
--theme-text:#ffffff;
--financial:#ffffff;
--financial-bg:#4a90e2;
--financial-text:#ffffff;
--content:#ffffff;
--content-bg-card:#16213e;
--content-text-card:#eee;
--user:#ffffff;
--user-bg:#2a2a3e;
--user-text:#eee;
--contentbackground:#1a1a2e;
}

/* Header + Navigation */
header {
    background: var(--primary-color);
    color: var(--color);
    padding: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
}

nav {
    background: var(--navbar-bg);
    color: var(--navbar-color);
    display: flex;
    justify-content: center;
    padding: 10px;
    font-family: Arial, sans-serif;
}

nav a {
    color: var(--navbar-color);
    margin: 0 15px;
    text-decoration: none;
    font-weight: bold;
}

/* Container */
body {
    font-family: Arial, sans-serif;
    background: var(--background);
    background-image: url('/storage/headers/bg_1770350766_515443581_24573767198886939_1774303954181036630_n.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url('/storage/headers/bg_1770350766_515443581_24573767198886939_1774303954181036630_n.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color: var(--color);
    margin: 0;
    padding: 0;
}

.container {
    width: 95%;
    max-width: 1200px;
    margin: 30px auto;
}

/* Cards */
.card {
    background: var(--content-bg);
    color: var(--content-text);
    padding: 20px;
    border: 1px solid var(--content-border);
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Buttons */
button, .button {
    background: var(--button-bg);
    color: var(--button-text);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

button:hover, .button:hover {
    background: var(--button-hover);
}

/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover);
}