:root {
    --font-family: "Plus Jakarta Sans", "Manrope", "Avenir Next", "Segoe UI", sans-serif;

    --mobile-max: 767px;
    --tablet-min: 768px;
    --desktop-min: 1200px;

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-xl: 24px;
    --radius-2xl: 32px;

    --transition-fast: 150ms ease;
    --transition-menu: 220ms ease;
    --transition-panel: 300ms ease;

    --shadow-md: 0 18px 36px rgba(19, 47, 94, 0.18);
    --shadow-lg: 0 28px 56px rgba(17, 40, 82, 0.26);

    --state-online: #45c97a;
    --state-offline: #7d8795;
    --state-warning: #e0a444;
    --state-critical: #e05a53;
    --state-maintenance: #4f92e6;
    --state-unknown: #8f95a3;
}