/**
 * Breso Design System — tokens únicos (fuente de verdad).
 * Portal + Admin + Tailwind consumen estas variables.
 */
:root {
    /* Colores */
    --breso-bg: #f5f5f7;
    --breso-surface: #ffffff;
    --breso-surface-muted: #fafafa;
    --breso-text: #1d1d1f;
    --breso-text-secondary: #6e6e73;
    --breso-text-tertiary: #86868b;
    --breso-border: rgba(0, 0, 0, 0.08);
    --breso-border-soft: rgba(0, 0, 0, 0.05);
    --breso-blue: #0071e3;
    --breso-blue-soft: rgba(0, 113, 227, 0.1);
    --breso-gold: #a69074;
    --breso-gold-soft: rgba(166, 144, 116, 0.14);
    --breso-success: #1f7a4d;
    --breso-success-soft: rgba(31, 122, 77, 0.1);
    --breso-warn: #cc7700;
    --breso-warn-soft: rgba(255, 149, 0, 0.12);
    --breso-danger: #ff3b30;
    --breso-danger-soft: rgba(255, 59, 48, 0.1);
    --breso-nav-bg: #1d1d1f;
    --breso-nav-text: rgba(255, 255, 255, 0.72);
    --breso-nav-text-active: #ffffff;

    /* Radius */
    --breso-radius-sm: 8px;
    --breso-radius: 12px;
    --breso-radius-lg: 16px;
    --breso-radius-xl: 20px;
    --breso-radius-pill: 999px;

    /* Sombras */
    --breso-shadow-xs: 0 1px 2px rgba(20, 20, 19, 0.04);
    --breso-shadow-sm: 0 4px 24px rgba(20, 20, 19, 0.06);
    --breso-shadow-md: 0 12px 48px rgba(20, 20, 19, 0.08);

    /* Tipografía */
    --breso-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    --breso-font-display: "Instrument Serif", Georgia, serif;

    /* Movimiento */
    --breso-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --breso-duration: 200ms;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--breso-font-ui);
    background: var(--breso-bg);
    color: var(--breso-text);
}