/*
 * assets/css/styles-marca.css
 * Colores de marca sacados del logo (azul #012547 y turquesa #00C2BB) y fuente autoalojada.
 * Para cambiar la marca basta con tocar estas variables.
 */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fuentes/plus-jakarta-sans.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --marca-azul: #012547;
  --marca-azul-2: #0a3a66;
  --marca-azul-claro: #e8eef5;
  --marca-turquesa: #00c2bb;
  --marca-turquesa-oscuro: #007a75;   /* texto turquesa sobre blanco con contraste AA */
  --marca-turquesa-claro: #e0f8f7;
  --marca-rojo: #d6334a;
  --marca-ambar: #f4b740;
  --texto: #0f2238;
  --texto-suave: #5a6b7d;
  --borde: #dfe6ee;
  --fondo: #f6f8fb;
  --radio: 14px;
  --sombra: 0 1px 2px rgba(1, 37, 71, .06), 0 6px 20px rgba(1, 37, 71, .06);
  --sombra-alta: 0 12px 32px rgba(1, 37, 71, .14);

  /* Bootstrap 5 */
  --bs-body-font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-color: var(--texto);
  --bs-body-bg: #fff;
  --bs-link-color: var(--marca-turquesa-oscuro);
  --bs-link-color-rgb: 0, 122, 117;
  --bs-link-hover-color: var(--marca-azul);
  --bs-link-hover-color-rgb: 1, 37, 71;
  --bs-primary: var(--marca-azul);
  --bs-primary-rgb: 1, 37, 71;
  --bs-border-color: var(--borde);
  --bs-border-radius: 10px;
  --bs-focus-ring-color: rgba(0, 194, 187, .35);
}