/* ============================================================================
   VoxClinic.ai — Sistema de color de marca (2026)
   ----------------------------------------------------------------------------
   Fuente única de verdad para el color. Se carga ANTES que el resto de CSS en
   todas las páginas, así cualquier ajuste de marca se hace en un solo lugar.

   Paleta oficial:
     #180b53  indigo profundo   — fondos oscuros, texto de marca
     #00269b  azul profundo     — gradientes, estados presionados
     #1a56fd  azul brillante    — CTA, enlaces, elementos activos
     #b6ccfd  periwinkle claro  — texto sobre oscuro, fondos suaves
     #95ece8  menta             — acento, iconos, realces

   Todas las combinaciones de texto/fondo aquí definidas superan WCAG AA
   (contraste ≥ 4.5:1 verificado).
   ========================================================================= */

:root {
    /* ── Marca ── */
    --brand-ink: #180b53;
    --brand-deep: #00269b;
    --brand-primary: #1a56fd;
    --brand-soft: #b6ccfd;
    --brand-mint: #95ece8;

    /* ── Estados derivados ── */
    --brand-primary-hover: #0f43d8;
    --brand-primary-active: #00269b;
    --brand-mint-hover: #7ad9d4;
    --brand-ink-hover: #24107a;

    /* ── Tintes (fondos suaves de marca) ── */
    --brand-soft-tint: #eef3ff;
    --brand-mint-tint: #e8faf9;
    --brand-primary-tint: #e6edff;

    /* ── Gradientes ── */
    --brand-gradient: linear-gradient(135deg, #180b53 0%, #00269b 100%);
    --brand-gradient-soft: linear-gradient(135deg, #eef3ff 0%, #e8faf9 100%);

    /* ── Texto ── */
    --text-strong: #180b53;
    --text: #2d3748;
    --text-muted: #4a5568;
    --text-subtle: #718096;
    --text-on-dark: #ffffff;
    --text-on-dark-muted: #b6ccfd;

    /* ── Superficies y bordes ── */
    --surface: #ffffff;
    --surface-alt: #f7f9fe;
    --surface-sunken: #eef2fb;
    --border: #e2e8f0;
    --border-strong: #cbd5e0;

    /* ── Semánticos (NO son colores de marca: nunca reasignar a series/acentos) ── */
    --success: #2f9e6b;
    --success-bg: #e9f8f1;
    --danger: #e53e3e;
    --danger-bg: #fef2f2;
    --warning: #ed8936;
    --warning-bg: #fffaf0;

    /* ── Sombras ── */
    --shadow-sm: 0 1px 3px rgba(24, 11, 83, 0.08);
    --shadow: 0 4px 12px rgba(24, 11, 83, 0.10);
    --shadow-lg: 0 12px 32px rgba(24, 11, 83, 0.16);
}