body {
}
:root {
    /* Marca */
    --sys-primary: #2563eb;
    --sys-primary-hover: #1d4ed8;
    --sys-primary-soft: #eff6ff;
    /* Estados */
    --sys-success: #16a34a;
    --sys-success-soft: #f0fdf4;
    --sys-warning: #d97706;
    --sys-warning-soft: #fffbeb;
    --sys-danger: #dc2626;
    --sys-danger-soft: #fef2f2;
    --sys-info: #0891b2;
    --sys-info-soft: #ecfeff;
    /* Superfícies */
    --sys-background: #f6f8fb;
    --sys-surface: #ffffff;
    --sys-surface-secondary: #f8fafc;
    --sys-surface-hover: #f1f5f9;
    /* Textos */
    --sys-text: #172033;
    --sys-text-secondary: #64748b;
    --sys-text-muted: #94a3b8;
    --sys-text-inverse: #ffffff;
    /* Bordas */
    --sys-border: #e2e8f0;
    --sys-border-strong: #cbd5e1;
    /* Navegação */
    --sys-sidebar-bg: #111827;
    --sys-sidebar-text: #94a3b8;
    --sys-sidebar-text-active: #ffffff;
    --sys-sidebar-hover: rgba(255, 255, 255, 0.08);
    --sys-sidebar-active: rgba(37, 99, 235, 0.90);
    /* Dimensões */
    --sys-topbar-height: 68px;
    --sys-modulebar-width: 72px;
    --sys-contextbar-width: 240px;
    /* Espaçamentos */
    --sys-space-1: 4px;
    --sys-space-2: 8px;
    --sys-space-3: 12px;
    --sys-space-4: 16px;
    --sys-space-5: 24px;
    --sys-space-6: 32px;
    --sys-space-7: 48px;
    --sys-space-8: 64px;
    /* Bordas arredondadas */
    --sys-radius-sm: 8px;
    --sys-radius-md: 12px;
    --sys-radius-lg: 16px;
    --sys-radius-pill: 999px;
    /* Sombras */
    --sys-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
    --sys-shadow-md: 0 4px 14px rgba(15, 23, 42, 0.07);
    /* Transições */
    --sys-transition-fast: 160ms ease;
    --sys-transition-normal: 240ms ease;
    /* Camadas */
    --sys-z-sidebar: 1020;
    --sys-z-topbar: 1030;
    --sys-z-overlay: 1040;
}

[data-theme="dark"] {
    --sys-background: #0f172a;
    --sys-surface: #172033;
    --sys-surface-secondary: #1e293b;
    --sys-surface-hover: #273449;
    --sys-text: #e5e7eb;
    --sys-text-secondary: #94a3b8;
    --sys-text-muted: #64748b;
    --sys-border: #2d3a4f;
    --sys-border-strong: #475569;
    --sys-primary-soft: rgba(37, 99, 235, 0.16);
    --sys-success-soft: rgba(22, 163, 74, 0.16);
    --sys-warning-soft: rgba(217, 119, 6, 0.16);
    --sys-danger-soft: rgba(220, 38, 38, 0.16);
    --sys-info-soft: rgba(8, 145, 178, 0.16);
}