:root {
    --mypoll-green: #2e7d32;
    --mypoll-green-hover: #1b5e20;
    --mypoll-green-light: #66bb6a;
    --mypoll-green-pale: #a5d6a7;
    --mypoll-green-bg: #e8f5e9;
    --mypoll-dark: #1f2a1f;
    --mypoll-muted: #666666;
}

body {
    background: #f5f9f5;
    color: var(--mypoll-dark);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.square-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: var(--mypoll-green);
    border-radius: 3px;
}

.text-success {
    color: var(--mypoll-green) !important;
}

.text-secondary {
    color: var(--mypoll-muted) !important;
}

.btn-success {
    background-color: var(--mypoll-green) !important;
    border-color: var(--mypoll-green) !important;
    transition: background-color .2s;
}

.btn-success:hover {
    background-color: var(--mypoll-green-hover) !important;
    border-color: var(--mypoll-green-hover) !important;
}

.btn-outline-success {
    color: var(--mypoll-green);
    border-color: var(--mypoll-green);
}

.btn-outline-success:hover {
    background-color: var(--mypoll-green);
    border-color: var(--mypoll-green);
}

.text-success {
    color: var(--mypoll-green) !important;
}

.bg-success {
    background-color: var(--mypoll-green) !important;
}

.text-bg-success {
    background-color: var(--mypoll-green) !important;
    color: #fff !important;
}

.hero-section {
    background: linear-gradient(135deg, #f0f7f0 0%, #e8f5e9 100%);
}

.card {
    border-radius: 1rem;
    border: 0;
    box-shadow: 0 2px 12px rgba(46, 125, 50, 0.08);
}

.navbar-brand {
    color: var(--mypoll-green) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--mypoll-green);
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.15);
}

.badge {
    border-radius: 0.5rem;
}

.rounded-4 {
    border-radius: 1.25rem !important;
}

.display-4,
.display-5,
.display-6 {
    color: var(--mypoll-green);
}

small {
    font-size: 0.85rem;
}

@media (max-width: 576px) {
    .hero-section h1 {
        font-size: 2rem;
    }
    .display-6 {
        font-size: 1.5rem;
    }
}