/* Bostevo CRM - Variables globales de diseño */
:root {
    /* Paleta - azul de marca #2c3892 (color exacto del logo de Boostevo)
       + acento azul "software" más vivo para botones/enlaces */
    --color-brand: #2c3892;
    --color-primary: #2456e0;
    --color-primary-dark: #173db3;
    --color-primary-light: #e8edfc;
    --color-accent: #38bdf8;

    /* Sidebar: fondo blanco, TODOS los iconos y texto en el mismo azul de
       marca #2c3892 (pedido explícito, sin variantes más claras/oscuras) —
       la jerarquía visual de hover/activo se resuelve solo con el fondo
       (ver sidebar.css), no con el color de texto/ícono. */
    --sidebar-bg: #ffffff;
    --sidebar-bg-alt: #f4f6fc;
    --sidebar-text: #2c3892;
    --sidebar-text-muted: #2c3892;
    --sidebar-text-active: #2c3892;
    --sidebar-border: rgba(44, 56, 146, 0.12);
    --sidebar-active-bg: #eef1fc;
    --sidebar-active-text: #2c3892;

    --bg-body: #f4f5fa;
    --bg-surface: #ffffff;
    --border-color: #e7e8f2;

    /* Gris de contraste para botones circulares de paginación (global,
       ver assets/css/pagination.css) — más oscuro que --bg-body para que
       se note sobre el blanco de las tarjetas/tablas. */
    --pagination-btn-bg: #e5e7f1;
    --pagination-btn-bg-hover: #d3d6e6;

    --text-primary: #1f2233;
    --text-secondary: #6b6f8a;
    --text-inverse: #ffffff;

    --danger: #ef4444;
    --success: #22c55e;
    --warning: #f59e0b;
    --info: #3b82f6;

    /* Layout */
    --sidebar-width: 260px;
    --sidebar-width-collapsed: 72px;
    --header-height: 68px;
    --submenu-indent: 20px;

    /* Radios y sombras */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(9, 14, 33, 0.06);
    --shadow-md: 0 8px 24px rgba(9, 14, 33, 0.10);
    --shadow-lg: 0 20px 45px rgba(9, 14, 33, 0.22);

    /* Transiciones "elegantes" */
    --ease-elegant: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: 0.18s var(--ease-elegant);
    --transition-base: 0.28s var(--ease-elegant);
    --transition-slow: 0.32s var(--ease-elegant);

    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}