/* ══════════════════════════════════════════════════════════════
   Skin: DataPrem
   Tokens visuales (color, tipografía, radios) consumidos por las
   reglas de layout en assets/styles/*.css.
   Cualquier hex / rgba que aparezca en el chat vive aquí.
   ══════════════════════════════════════════════════════════════ */

:root {
    /* ── Tipografía ── */
    --font-family: 'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* ── Color base ── */
    --accent: #192b67;
    --accent-light: #243a80;
    --cube-color: #3e469a;
    --accent-dim: rgba(62, 70, 154, 0.10);
    --accent-soft: rgba(62, 70, 154, 0.08);
    --border-subtle: rgba(0, 0, 0, 0.08);
    --text: #111827;
    --text-muted: #6b7280;

    /* ── Radios ── */
    --radius: 16px;
    --radius-sm: 10px;

    /* ── Chat: sidebar ── */
    --sidebar-bg: #111827;
    --sidebar-text: #d1d5db;
    --sidebar-text-strong: #ffffff;
    --sidebar-hover: #1f2937;
    --sidebar-border: #1f2937;
    --sidebar-overlay: rgba(0, 0, 0, 0.4);
    --sidebar-divider-on-dark: rgba(255, 255, 255, 0.15);

    /* ── Chat: canvas ── */
    --chat-bg: #ffffff;
    --chat-input-bg: #f9fafb;
    --chat-input-focus-ring: rgba(25, 43, 103, 0.06);
    --chat-input-focus-border: rgba(25, 43, 103, 0.30);
    --suggestion-hover-border: rgba(25, 43, 103, 0.25);
    --suggestion-hover-shadow: 0 2px 8px rgba(25, 43, 103, 0.06);

    /* ── Chat: bubbles ── */
    --user-bubble: var(--accent);
    --user-text: #ffffff;
    --assistant-bubble: #f3f4f6;
    --assistant-text: var(--text);
    --assistant-avatar-bg: rgba(62, 70, 154, 0.10);
    --assistant-avatar-color: var(--cube-color);

    /* ── Public pages (landing, login) — reservado para el resto del stack ── */
    --public-bg: #f9fafb;
    --public-text: var(--text);
    --public-heading: var(--text);
    --public-label: var(--text-muted);
    --public-box-bg: #ffffff;
    --public-box-border: var(--border-subtle);
    --public-btn-bg: var(--accent);
    --public-btn-hover: var(--accent-light);
    --public-btn-text: #ffffff;
    --public-error-bg: rgba(239, 68, 68, 0.08);
    --public-error-border: rgba(239, 68, 68, 0.20);
    --public-error-text: #dc2626;
    --public-logo-image: url('/resources/brands/dataprem/images/logos/logo.svg');
    --public-logo-glow: none;
    --public-icon-filter: none;
}