/* Pink Theme Override */
:root {
    --primary-color: #FF69B4;  /* Hot Pink */
    --secondary-color: #FFB6C1;  /* Light Pink */
    --accent-color: #FF1493;  /* Deep Pink */
    --hover-color: #FF69B4;  /* Hot Pink */
    --background-color: #FFF0F5;  /* Lavender Blush */
}

/* Add high specificity selectors to override existing styles */
body.DeskVersion,
body {
    background-color: var(--background-color) !important;
    background-image: none !important;
}

/* Override any custom background variables */
.DeskVersion {
    --bodyBackground: var(--background-color) !important;
}

/* Override navigation background */
.qoMYGbBhf9dsbaBGBphh {
    background-color: var(--primary-color) !important;
}

/* Override buttons and interactive elements */
button, 
.button,
.nav-button,
.search-button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

button:hover,
.button:hover,
.nav-button:hover,
.search-button:hover {
    background-color: var(--hover-color) !important;
}

/* Override links */
a {
    color: var(--accent-color) !important;
}

a:hover {
    color: var(--hover-color) !important;
}

/* Override game tiles */
.game-tile,
.category-tile {
    border-color: var(--secondary-color) !important;
}

.game-tile:hover,
.category-tile:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 10px var(--secondary-color) !important;
}

/* Override icons and SVG elements */
svg path {
    fill: #FFF !important;
}

/* Override footer */
footer {
    background-color: var(--secondary-color) !important;
}

/* Override search elements */
.search-container {
    border-color: var(--primary-color) !important;
}

.search-input:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 5px var(--secondary-color) !important;
}

/* Override navigation elements */
.nav-link.active {
    background-color: var(--accent-color) !important;
    color: white !important;
}

/* Override game container backgrounds */
.game-container {
    background-color: rgba(255, 182, 193, 0.1) !important;  /* Light pink with opacity */
}