:root {
    --bg-dark: #1a1a1a;
    --card-dark: #2c2c2c;
    --container-dark: #222222;
    --container-border: #444;
    --text-light: #f0f0f0;
    --text-muted: #a0a0a0;
    --accent: #59E0C5;
    --primary-grad-start: #9A67F9;
    --primary-grad-end: #8C52FF;
    --primary-hover: #7A3DDb;
    --input-bg: #333333;
    --input-border: #4f4f4f;
    --focus-border: var(--accent);
    --radius: 12px;
    --logout-color: #e74c3c;
    --logout-hover-bg: #c0392b;
    --withdraw-color: #27ae60;
    --withdraw-hover-bg: #229954;
    --modal-confirm-bg: #27ae60;
    --modal-confirm-hover-bg: #229954;
    --modal-cancel-bg: #e74c3c;
    --modal-cancel-hover-bg: #c0392b;

    --common-color: #95a5a6;
    --uncommon-color: #2ecc71;
    --rare-color: #3498db;
    --epic-color: #9b59b6;
    --legendary-color: #f1c40f;
    --mythic-color: #e67e22;
}

.claim-info { 
    background-color: var(--day-hover-bg);
    padding: 20px;
    border-radius: var(--radius);
    margin-bottom: 30px;
    border: 1px solid var(--day-claimed-text);
    text-align: center;
}

.claim-info .level-header {
    justify-content: flex-end;
}

#countdown, #claimReadyMessage { 
    font-weight: bold; 
    color: var(--accent); 
    font-size: 1.3em;
}


#faucet-tab.state-cooldown #claimReadyMessage,
#faucet-tab.state-cooldown #claim-action-container {
    display: none;
}

#faucet-tab.state-ready #countdown {
    display: none;
}

#faucet-tab.state-loading #claimReadyMessage,
#faucet-tab.state-loading #claim-action-container {
    display: none;
}
#faucet-tab.state-loading #countdown {
    display: inline-block;
}