/* Dark theme */
html[data-theme="dark"] {
    --background-color: #121212;
    --card-background: #1e1e1e;
    --text-color: #e0e0e0;
    --primary-color: #ff4444;
    --secondary-color: #22c55e;
    --border-color: #333;
    --tip-color: #888;
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
}

html[data-theme="dark"] .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .prank-display {
    background: #2d2d2d;
}

html[data-theme="dark"] .button:hover {
    background: #1ea750;
}

/* Theme toggle icon visibility */
html[data-theme="light"] .theme-toggle .moon {
    display: none;
}

html[data-theme="dark"] .theme-toggle .sun {
    display: none;
}