:root {
    --c-primary: #0077cc;
    --c-primary-dark: #005fa3;
    --c-primary-light: #2090e0;
    --c-success: #1a7a1a;
    --c-success-dark: #135213;
    --c-success-light: #239223;
    --c-danger: #cc2200;
    --c-danger-dark: #a31a00;
    --c-danger-light: #e03318;
    --c-text: #1c2133;
    --c-text-muted: #58627a;
    --c-border: #d0d4e0;
    --c-border-hover: #9aa0b8;
    --c-input-bg: #f4f5fa;
    --c-control-bg: #ebedf5;
    --c-surface: #fff;
    --c-page-bg: #d8dce8;
    --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-modal: 0 8px 40px rgba(0, 0, 0, 0.22), 0 2px 10px rgba(0, 0, 0, 0.1);
    --radius: 5px;
    --radius-lg: 8px;
    --transition: 0.15s ease;
}

* {
    padding: 0;
    margin: 0;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    border: none;
    outline: none;
}

body, button, label, select, input {
    font-size: 20px;
}

@media (max-width: 600px), (max-height: 600px) {
    body, button, label, select, input {
        font-size: 14px;
    }
}