/**
 * SISFACI — Design tokens (fuente única de verdad visual)
 * Cargar antes de sisfaci-modules.css y sisfaci-components.css
 */
body.sisfaci-ui {
    /* Layout */
    --sf-shell-max: 1480px;
    --sf-shell-offset-top: 0px;
    --sf-shell-padding-top: 1rem;
    --sf-shell-padding-bottom: 1.5rem;
    --sf-radius-xs: 10px;
    --sf-radius-sm: 14px;
    --sf-radius-md: 18px;
    --sf-radius-lg: 22px;
    --sf-radius-xl: 24px;
    --sf-radius-pill: 999px;
    --sf-radius-btn: 8px;
    --sf-btn-height-sm: 32px;
    --sf-btn-height-md: 36px;
    --sf-btn-height-lg: 38px;

    /* Surfaces */
    --sf-page-bg: linear-gradient(180deg, #eef4fb 0%, #f6f9fd 52%, #eef3f9 100%);
    --sf-hero-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 249, 255, 0.98) 58%, rgba(255, 247, 237, 0.94) 100%);
    --sf-hero-border: #d9e5f4;
    --sf-card-bg: rgba(255, 255, 255, 0.96);
    --sf-card-border: rgba(217, 229, 244, 0.95);
    --sf-card-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --sf-card-shadow-soft: 0 12px 28px rgba(15, 23, 42, 0.06);

    /* Brand EMARTI */
    --sf-primary: #054381;
    --sf-primary-dark: #003d7a;
    --sf-primary-soft: #e8f2fb;
    --sf-accent: #f39200;
    --sf-accent-soft: #fff4e5;
    --sf-brand-navy: #054381;
    --sf-brand-orange: #f39200;

    /* Ink */
    --sf-ink: #17324d;
    --sf-ink-soft: #28435f;
    --sf-muted: #61758f;
    --sf-line: #dbe6f3;
    --sf-line-strong: #c7d8ee;

    /* Semantic */
    --sf-success: #00a651;
    --sf-success-soft: #dcfce7;
    --sf-success-ink: #166534;
    --sf-warning: #f39200;
    --sf-warning-soft: #ffedd5;
    --sf-warning-ink: #c2410c;
    --sf-danger: #dc2626;
    --sf-danger-soft: #fee2e2;
    --sf-danger-ink: #b91c1c;
    --sf-info: #0284c7;
    --sf-info-soft: #e0f2fe;
    --sf-info-ink: #075985;

    /* Tables */
    --sf-table-head-bg: linear-gradient(180deg, #edf4ff 0%, #dfeafb 100%);
    --sf-table-head-ink: #2a5a9e;
    --sf-table-head-bg-strong: linear-gradient(135deg, #054381 0%, #0a5ea8 100%);
    --sf-table-row-hover: rgba(5, 67, 129, 0.08);

    /* Typography */
    --sf-font-sans: 'Inter', 'Public Sans', 'Segoe UI', sans-serif;
    --sf-font-size-xs: .72rem;
    --sf-font-size-sm: .84rem;
    --sf-font-size-md: .94rem;
    --sf-font-weight-bold: 700;
    --sf-font-weight-heavy: 800;

    /* Motion */
    --sf-transition-fast: .18s ease;
}

.sisfaci-ui {
    font-family: var(--sf-font-sans);
}