/* LeadMapsPro — base.css
   Tokens, reset, tipografía y badges. Compartido por público y panel.
   ponytail: una sola fuente de verdad para colores/spacing. */

:root {
    --bg: #eceff6;
    --panel: #ffffff;
    --panel-soft: #f7f9fc;
    --dark: #0a0f1f;
    --ink: #0b1220;
    --ink-2: #334155;
    --muted: #64748b;
    --faint: #97a3b6;
    --line: #e6eaf2;
    --line-soft: #eef2f8;

    --primary: #4f46e5;
    --primary-d: #4338ca;
    --accent: #7c3aed;
    --green: #059669;
    --orange: #ea580c;
    --red: #e11d48;
    --purple: #7c3aed;

    --radius: 16px;
    --radius-lg: 22px;
    --ring: 0 0 0 4px rgba(79,70,229,.16);
    --shadow-sm: 0 1px 2px rgba(11,18,32,.05);
    --shadow: 0 2px 6px rgba(11,18,32,.05), 0 14px 38px rgba(11,18,32,.07);
    --shadow-lg: 0 28px 64px rgba(11,18,32,.16);

    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;

    /* Contrato canónico de botón/acción del panel (OpenSpec design-system-consolidation).
       Única fuente de verdad: .btn (panel.css), .workspace-btn (workspace.css) y los
       clones -pro consumen estos tokens; no repetir estos valores como literales. */
    --lmp-btn-h: 42px;
    --lmp-btn-h-mobile: 40px;
    --lmp-btn-pad: 10px 14px;
    --lmp-btn-pad-mobile: 9px 12px;
    --lmp-btn-radius: 12px;
    --lmp-btn-fs: 13px;
    --lmp-btn-weight: 850;
    --lmp-btn-mini-h: 34px;
    --lmp-btn-mini-radius: 10px;
    --lmp-btn-mini-pad: 7px 10px;
    --lmp-btn-mini-fs: 12px;
    --lmp-btn-primary-bg: linear-gradient(135deg, #2563eb, #1d4ed8);
    --lmp-btn-primary-shadow: 0 8px 22px rgba(37,99,235,.32);
    --lmp-btn-danger-bg: #ef4444;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

/* ── Badges (compartido) ────────────────────────────── */
.badge-gray { background:#f1f4f9; color:#475569; border-color:#e6eaf2; }
.badge-blue { background:#e0e7ff; color:#4338ca; border-color:#c7d2fe; }
.badge-green { background:#d1fae5; color:#047857; border-color:#a7f3d0; }
.badge-red { background:#ffe4e6; color:#be123c; border-color:#fecdd3; }
.badge-orange { background:#ffedd5; color:#c2410c; border-color:#fed7aa; }
.badge-purple { background:#ede9fe; color:#6d28d9; border-color:#ddd6fe; }