/* ============================================================
   Artmedica — tokens de identidad corporativa
   Compartidos por todas las pantallas del sistema.

   Origen: SVG oficial del logo y estilos computados de
   https://artmedica.com.co (extraídos el 2026-08-19).
   ============================================================ */

:root {
  /* Colores primarios (tomados del SVG oficial del logo) */
  --brand-navy: #3a4170;      /* azul corporativo — wordmark */
  --brand-red: #e54242;       /* rojo del isotipo — solo acentos y error */

  /* Extensiones de paleta (del sitio corporativo) */
  --brand-blue: #4d61e6;      /* azul interactivo — CTA */
  --ink-950: #0b1030;         /* navy profundo — fondos oscuros */
  --ink-600: #555971;         /* texto de cuerpo */
  /* Secundario y placeholder oscurecidos respecto del sitio corporativo:
     sobre fondo claro el tono original #7d8299 alcanzaba 3.44:1 y no cumplía
     el 4.5:1 exigido por WCAG 2.1 AA. */
  --ink-450: #606580;         /* texto secundario — 5.18:1 en el peor caso */
  --ink-300: #8b90a8;         /* placeholders — complementarios, nunca esenciales */

  --surface: #ffffff;
  --surface-tint: #ecf5fb;    /* celeste muy tenue del degradado del sitio */
  --surface-sunken: #f6f8fc;
  --border: #e2e6f0;
  --border-strong: #cdd4e4;

  --success: #1f9d6b;
  --warning: #b7791f;

  /* Degradados corporativos */
  --grad-cta: linear-gradient(102deg, #4753bf 0%, #506bd6 100%);
  --grad-panel: linear-gradient(158deg, #0b1030 0%, #2c3260 46%, #3a4170 78%, #454f96 100%);

  /* Tipografía */
  --font-display: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Formas — el sitio usa botones tipo píldora */
  --radius-pill: 100px;
  --radius-field: 12px;
  --radius-card: 20px;

  --ring: 0 0 0 3px rgba(77, 97, 230, 0.22);
  --shadow-card: 0 24px 60px -28px rgba(11, 16, 48, 0.34);
}