/*
 * Ubicación: public/assets/css/tokens.css
 * Descripción: Design tokens AFG CRM (enterprise). Base para shell y módulos.
 * --bs-primary sigue siendo el acento por usuario (Profile); no lo fijamos aquí.
 */

:root {
    /* Tipografía */
    --crm-font-sans: "Manrope", "Segoe UI", sans-serif;
    --crm-font-display: "Sora", "Manrope", sans-serif;

    /* Marca / chrome */
    --crm-ink: #0b1220;
    --crm-ink-soft: #151d2e;
    --crm-ink-muted: #243047;
    --crm-surface: #e8eef6;
    --crm-surface-elevated: #ffffff;
    --crm-surface-muted: #f3f6fb;
    --crm-border: rgba(15, 23, 42, 0.10);
    --crm-border-strong: rgba(15, 23, 42, 0.16);
    --crm-text: #0f172a;
    --crm-text-muted: #64748b;
    --crm-text-on-ink: #f8fafc;
    --crm-text-on-ink-muted: rgba(248, 250, 252, 0.72);

    /* Acentos de sistema (metas / éxito operativo) */
    --crm-teal: #0f766e;
    --crm-teal-soft: rgba(15, 118, 110, 0.12);
    --crm-danger: #dc2626;
    --crm-warning: #d97706;
    --crm-success: #059669;

    /* Primary dinámico (espejo de --bs-primary; layout lo sincroniza) */
    --crm-primary: var(--bs-primary, #0d6efd);
    --crm-primary-rgb: var(--bs-primary-rgb, 13, 110, 253);
    --crm-primary-soft: rgba(var(--crm-primary-rgb), 0.12);

    /* Radios / sombras / motion */
    --crm-radius-sm: 0.5rem;
    --crm-radius: 0.85rem;
    --crm-radius-lg: 1.15rem;
    --crm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --crm-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    --crm-shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.14);
    --crm-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --crm-header-h: 58px;
    --crm-sidebar-w: 76px;

    /* Atmósfera de fondo (mesh sutil) */
    --crm-atmosphere:
        radial-gradient(1200px 600px at 8% -10%, rgba(var(--crm-primary-rgb), 0.14), transparent 55%),
        radial-gradient(900px 500px at 100% 0%, rgba(15, 118, 110, 0.10), transparent 50%),
        linear-gradient(180deg, #eef3f9 0%, var(--crm-surface) 45%, #e4ebf5 100%);
}

html {
    font-family: var(--crm-font-sans);
}

body {
    font-family: var(--crm-font-sans);
    color: var(--crm-text);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .crm-display {
    font-family: var(--crm-font-display);
    letter-spacing: -0.02em;
}