/* Design system v1 — tokens (somente modo Moderno) */
.erp-design-moderno {
    --azul: var(--cor-azul, #036cca);
    --azul-600: #0256a3;
    --azul-800: #023e7a;
    --azul-900: #022c57;
    --azul-50: #eaf4fd;
    --azul-100: #d3e7fa;
    --ciano: #25b6f2;
    --ciano-50: #e6f6fe;
    --ciano-700: #0b7fb0;
    --verde: #98d342;
    --verde-50: #f1fadf;
    --verde-700: #3f8f1f;
    --verde-800: #2f6b16;
    --ok: #2e7d32;
    --ok-bg: #eaf6ea;
    --ok-bd: #bfe3c1;
    --alerta: #b45309;
    --alerta-bg: #fef4e2;
    --alerta-bd: #f8d9a4;
    --erro: #c62828;
    --erro-bg: #fdecec;
    --erro-bd: #f5c2c2;
    --info: #0b7fb0;
    --info-bg: #e6f6fe;
    --info-bd: #b5e3f8;
    --tx: #0f172a;
    --tx2: #475569;
    --tx3: #64748b;
    --bd: #e2e8f0;
    --bd2: #cbd5e1;
    --bg: #f3f6fb;
    --card: #ffffff;
    --muted: #f8fafc;
    --r-sm: 8px;
    --r: 12px;
    --r-lg: 16px;
    --r-pill: 999px;
    --sh-1: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
    --sh-2: 0 4px 14px -4px rgba(15, 23, 42, 0.1), 0 2px 4px rgba(15, 23, 42, 0.04);
    --sh-3: 0 18px 40px -12px rgba(2, 62, 122, 0.28);
    --sb-w: 248px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --ds-mobile: 700px;
    background-color: var(--bg);
    color: var(--tx);
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}

body.erp-design-moderno {
    background-color: var(--bg) !important;
}

.erp-design-moderno .num,
.erp-design-moderno .money,
.erp-design-moderno .card-value {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}