:root {
    --kaspa-primary: #4A90E2;
    --kaspa-accent: #00F6FF;
    --kaspa-background: #1A1B1F;
    --kaspa-text: #FFFFFF;
    --kaspa-text-secondary: #A0A0A0;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: var(--kaspa-background);
    color: var(--kaspa-text);
    font-family: 'Inter', sans-serif;
    margin-bottom: 60px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem var(--kaspa-accent), 0 0 0 0.25rem var(--kaspa-primary);
}

.navbar {
    background-color: var(--kaspa-primary);
}

.btn-primary {
    background-color: var(--kaspa-primary);
    border-color: var(--kaspa-accent);
}

.btn-primary:hover {
    background-color: var(--kaspa-accent);
    border-color: var(--kaspa-primary);
}

.card {
    background-color: #252629;
    border: 1px solid var(--kaspa-primary);
}

.status-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

.status-online {
    background-color: #28a745;
    box-shadow: 0 0 8px rgba(40, 167, 69, 0.5);
}

.status-offline {
    background-color: #dc3545;
    box-shadow: 0 0 8px rgba(220, 53, 69, 0.5);
}

.donation-section {
    background-color: rgba(74, 144, 226, 0.1);
    border-radius: 8px;
    padding: 2rem;
}

.kaspa-address {
    background-color: var(--kaspa-background);
    border: 1px solid var(--kaspa-primary);
    border-radius: 4px;
    word-break: break-all;
}

hr {
    border-color: var(--kaspa-primary);
    opacity: 0.2;
}