/* ============================================================
   variables.css — Design tokens (single source of truth)
   Paleta light theme para publico B2B / asesorias / profesional.
   Cambiar aqui = cambiar en TODA la app.
   ============================================================ */

:root {
    /* -- Backgrounds -- */
    --bg-page: #F8FAFC;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --bg-subtle: #F1F5F9;
    --bg-input: #FFFFFF;

    /* -- Borders -- */
    --border-primary: #E2E8F0;
    --border-subtle: #F1F5F9;
    --border-hover: #CBD5E1;

    /* -- Text -- */
    --text-primary: #1E293B;
    --text-secondary: #334155;
    --text-muted: #64748B;
    --text-faint: #94A3B8;

    /* -- Accent: Indigo (primary) -- */
    --accent-indigo: #4F46E5;
    --accent-indigo-light: #6366F1;
    --accent-indigo-lighter: #818CF8;
    --accent-indigo-bg: rgba(79, 70, 229, 0.06);
    --accent-indigo-border: rgba(79, 70, 229, 0.15);

    /* -- Accent: Secondary -- */
    --accent-purple: #7C3AED;
    --accent-cyan: #0891B2;
    --accent-teal: #0D9488;
    --accent-emerald: #059669;

    /* -- Status -- */
    --status-green: #16A34A;
    --status-red: #DC2626;
    --status-amber: #D97706;
    --status-blue: #2563EB;

    /* -- Shadows -- */
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-button: 0 2px 8px rgba(79, 70, 229, 0.25);

    /* -- Code blocks (stay dark — convention) -- */
    --code-bg: #1E293B;
    --code-header: #0F172A;
    --code-text: #E2E8F0;
    --code-border: #334155;

    /* -- Brand colors (fixed) -- */
    --brand-claude: #D97757;
    --brand-chatgpt: #10A37F;

    /* -- Gradients -- */
    --gradient-accent: linear-gradient(90deg, #4F46E5, #7C3AED, #0891B2, #0D9488);
    --gradient-btn: linear-gradient(135deg, #4F46E5, #7C3AED);
    --gradient-text: linear-gradient(135deg, #4F46E5, #7C3AED, #0891B2);

    /* -- Typography -- */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;

    /* -- Scrollbar -- */
    --scrollbar-thumb: rgba(79, 70, 229, 0.2);
    --scrollbar-thumb-hover: rgba(79, 70, 229, 0.35);
}