/*
 * Ponte do SupportSPT para o padrão visual Support: os nomes antigos (--sp-*) passam a ser apelidos dos tokens --ss-* (ss-tokens.css,
 * iguais aos do ERP e do SEV). Só as telas de escritório carregam este arquivo; o app de campo continua com a paleta do app.css.
 * As camadas "estrato" (--sp-clay, --sp-slate, --sp-rust, --sp-moss) são do SPT e ficam como estão no app.css.
 */
:root,
:root[data-theme="dark"] {
    --sp-primary: var(--ss-primary);
    --sp-primary-dark: var(--ss-primary-dark);
    --sp-primary-soft: var(--ss-primary-light);
    --sp-success: var(--ss-success);
    --sp-danger: var(--ss-danger);
    --sp-warning: var(--ss-warning);
    --sp-info: var(--ss-info);
    --sp-info-dark: var(--ss-info-dark);
    --sp-bg-page: var(--ss-bg-page);
    --sp-bg-surface: var(--ss-bg-surface);
    --sp-bg-muted: var(--ss-bg-soft);
    --sp-text-primary: var(--ss-text-primary);
    --sp-text-muted: var(--ss-text-secondary);
    --sp-text-faint: var(--ss-text-muted);
    --sp-border: var(--ss-border);
    --sp-border-soft: var(--ss-border-soft);
    --sp-sidebar-bg: var(--ss-sidebar-bg);
    --sp-sidebar-panel: var(--ss-sidebar-elevate);
    --sp-sidebar-text: var(--ss-sidebar-text);
    --sp-sidebar-muted: var(--ss-sidebar-muted);
    --sp-sidebar-accent: var(--ss-sidebar-accent);
    --sp-radius-sm: var(--ss-radius-sm);
    --sp-radius: var(--ss-radius-input);
    --sp-radius-md: var(--ss-radius-md);
    --sp-radius-lg: var(--ss-radius-lg);
    --sp-radius-xl: var(--ss-radius-xl);
    --sp-radius-full: var(--ss-radius-full);
    --sp-shadow-sm: var(--ss-shadow-sm);
    --sp-shadow: var(--ss-shadow-md);
    --sp-shadow-lg: var(--ss-shadow-lg);
    --sp-shadow-primary: var(--ss-shadow-primary);
    --sp-shadow-danger: var(--ss-shadow-danger);
    --sp-focus-ring: var(--ss-ux-focus-ring);
    --sp-transition: var(--ss-transition);
    --sp-topbar-height: var(--ss-layout-header-height);
    --sp-sidebar-width: var(--ss-layout-sidebar-width);
    --sp-font-sans: var(--ss-font-sans);
}

/* títulos deixam a serifa: o padrão Support usa a mesma fonte em todo o sistema */
html {
    font-family: var(--ss-font-sans);
}

.sp-page-title h1,
.sp-card-title,
.sp-card h2,
.sp-toolbar h1,
.sp-section-header h2 {
    font-family: var(--ss-font-sans);
}

body {
    background: var(--ss-bg-page);
}