/* base.css — CRM Everest (Grupo Pixelia)
   Reset, variables de diseño y tipografía. Paleta oficial Everest. */

:root {
    /* Color — Paleta Everest */
    --color-primario:  #1498D3;   /* azul primario */
    --color-marino:    #1B223F;   /* encabezados, texto fuerte */
    --color-blanco:    #FFFFFF;
    --color-fondo:     #F4F6F9;    /* fondos */
    --color-borde:     #E2E8F0;    /* bordes */
    --color-secundario:#64748B;    /* texto secundario */

    /* Texto */
    --color-texto:     var(--color-marino);
    --color-panel:     var(--color-blanco);

    /* Estados */
    --color-exito:     #16a34a;
    --color-error:     #dc2626;
    --color-aviso:     #d97706;
    --color-info:      var(--color-primario);

    /* Tipografía corporativa elegante
       Títulos/marca: Spectral (serif refinada) · UI: Public Sans · Datos: IBM Plex Mono */
    --fuente-titulo: 'Spectral', Georgia, 'Times New Roman', serif;
    --fuente-base:   'Public Sans', system-ui, -apple-system, sans-serif;
    --fuente-mono:   'IBM Plex Mono', ui-monospace, monospace;

    /* Forma — radio máximo 6px, sin gradientes */
    --radio: 6px;

    /* Espaciado */
    --gap: 16px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--fuente-base);
    color: var(--color-texto);
    background: var(--color-fondo);
    font-size: 15px;
    line-height: 1.5;
}

h1, h2, h3 { font-family: var(--fuente-titulo); font-weight: 600; line-height: 1.2; margin: 0 0 .5em; color: var(--color-marino); letter-spacing: -.01em; }
h1 { font-size: 28px; }
a { color: var(--color-primario); text-decoration: none; }
a:hover { text-decoration: underline; }
code, pre, kbd, .mono { font-family: var(--fuente-mono); }
img { max-width: 100%; display: block; }