/* Global design tokens — single source of truth for non-painter apps */
:root {
    --accent: #4aa3ff;
    --accent-hover: #3a93ef;
    --shadow-focus: 0 0 0 2px rgba(74, 163, 255, 0.35);
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --font-body: Segoe UI, Roboto, Arial, sans-serif;
}

html {
    overflow-y: scroll !important;
}

.counter-label h2 {
    font-family: Consolas, Monaco, 'Courier New', monospace !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;
}

.filter-controls {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
}

.filter-controls.expanded {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 480px) {
    .counter-label h2 {
        font-size: 1rem !important;
    }
}