@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter/Inter-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter/Inter-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter/Inter-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../fonts/inter/Inter-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    color-scheme: light;

    --st-bg: #f8fafc;
    --st-surface: #ffffff;
    --st-surface-subtle: #f1f5f9;
    --st-surface-hover: #f8fafc;
    --st-text: #0f172a;
    --st-text-secondary: #475569;
    --st-text-muted: #64748b;
    --st-border: #e2e8f0;
    --st-border-strong: #cbd5e1;

    --st-primary: #2563eb;
    --st-primary-hover: #1d4ed8;
    --st-primary-soft: #eff6ff;
    --st-brand-accent: #f59e0b;
    --st-success: #059669;
    --st-success-soft: #ecfdf5;
    --st-warning: #b45309;
    --st-warning-soft: #fffbeb;
    --st-danger: #dc2626;
    --st-danger-soft: #fef2f2;

    --st-space-1: .25rem;
    --st-space-2: .5rem;
    --st-space-3: .75rem;
    --st-space-4: 1rem;
    --st-space-5: 1.25rem;
    --st-space-6: 1.5rem;
    --st-space-8: 2rem;
    --st-space-12: 3rem;

    --st-radius-sm: .5rem;
    --st-radius-md: .75rem;
    --st-radius-lg: 1rem;
    --st-radius-pill: 999px;
    --st-shadow-sm: 0 1px 2px rgb(15 23 42 / .05);
    --st-shadow-card: 0 1px 3px rgb(15 23 42 / .06), 0 8px 24px -16px rgb(15 23 42 / .18);
    --st-shadow-panel: 0 20px 50px -20px rgb(15 23 42 / .28);
    --st-shadow-button: 0 10px 24px -14px rgb(37 99 235 / .7);
    --st-focus: 0 0 0 3px rgb(37 99 235 / .22);

    --st-sidebar-width: 17rem;
    --st-sidebar-collapsed: 5.25rem;
    --st-topbar-height: 4.5rem;
    --st-control-height: 2.875rem;
    --st-z-sidebar: 40;
    --st-z-topbar: 30;
    --st-z-overlay: 35;
    --st-z-modal: 50;

    --st-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --st-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --st-transition: 160ms ease;

    /* Compatibilidad temporal con vistas aún no migradas. */
    --bg-deep: var(--st-bg);
    --bg-surface: var(--st-surface);
    --bg-elevated: var(--st-surface-subtle);
    --accent-amber: var(--st-brand-accent);
    --accent-amber-hover: #d97706;
    --accent-rose: var(--st-danger);
    --accent-teal: var(--st-success);
    --text-primary: var(--st-text);
    --text-secondary: var(--st-text-secondary);
    --text-muted: var(--st-text-muted);
    --border: var(--st-border);
    --border-focus: var(--st-primary);
    --font-title: var(--st-font);
    --font-body: var(--st-font);

    /* Compatibilidad con el piloto SUNAT. */
    --rb-brand: var(--st-primary);
    --rb-brand-hover: var(--st-primary-hover);
    --rb-brand-soft: var(--st-primary-soft);
    --rb-brand-ink: #ffffff;
    --rb-admin-bg: var(--st-bg);
    --rb-admin-surface: var(--st-surface);
    --rb-admin-surface-muted: var(--st-surface-subtle);
    --rb-admin-surface-hover: var(--st-surface-hover);
    --rb-admin-text: var(--st-text);
    --rb-admin-text-muted: var(--st-text-secondary);
    --rb-admin-text-soft: var(--st-text-muted);
    --rb-admin-border: var(--st-border);
    --rb-admin-border-strong: var(--st-border-strong);
    --rb-info: var(--st-primary);
    --rb-info-soft: var(--st-primary-soft);
    --rb-success: var(--st-success);
    --rb-success-soft: var(--st-success-soft);
    --rb-warning: var(--st-warning);
    --rb-warning-soft: var(--st-warning-soft);
    --rb-danger: var(--st-danger);
    --rb-danger-soft: var(--st-danger-soft);
    --rb-font-body: var(--st-font);
    --rb-font-mono: var(--st-mono);
    --rb-focus-ring: var(--st-focus);
}