/* ============================================================
   TEF — Todo En Familia · tokens de marca
   Identidad V2 (Fraunces) y logotipo V2.1 «TodoEnFamilia»
   Versión 2.0 · ESTADO: ACTIVO
   Protocolo P-21 (candidato) · SOP-09 v1.0 §§4, 5, 12, 13, 14, 18

   ACTIVO desde 2026-09-30 por decisión de Dirección («M6, adoptamos
   v2»). Este es el único tokens.css válido de TEF. La v1.0 se
   conserva como historia en Drive: archivar no es borrar.

   NO EDITAR A MANO. Si un valor no sirve, se vuelve a M4 del
   protocolo. La implementación no redefine el maestro (SOP-09 §4).
   Definición maestra: MARCA_SISTEMA_VISUAL_Y_TOKENS_TEF_v2.0_ACTIVO_MAESTRO.md
   (Drive 1pH1GUtsmMwNFv9PSLWfb2eIQ7d6pnjqj), tabla B.

   Precedencia:
   GLOBAL < SEMANTICO < MUNDO < COMPONENTE < OVERRIDE_DE_INSTANCIA
   Gana el de la derecha.
   ============================================================ */

:root {
  /* --- TOKEN_DE_MUNDO · color ------------------------------- */
  --tef-color-texto:  #1A2B4C;  /* 13.03 sobre fondo */
  --tef-color-fondo:  #F9F6F0;
  --tef-color-accion: #23665F;  /* 6.21 sobre fondo · exige texto crema */
  --tef-color-acento: #F1AA90;  /* 1.79 sobre fondo · SOLO relleno */
  --tef-color-apoyo:  #D5E9DE;  /* 1.18 sobre fondo · SOLO relleno */
  --tef-color-acento-profundo: #AE4F2E;  /* 4.92 sobre fondo · texto; 4.18 sobre apoyo: prohibido < 24 px */

  /* --- TOKEN_SEMANTICO ------------------------------------- */
  --tef-texto-sobre-accion: var(--tef-color-fondo);  /* 6.21 */
  --tef-foco-color:         var(--tef-color-accion); /* 6.21 */
  --tef-foco-grosor:        3px;

  /* --- TOKEN_DE_MUNDO · tipografía -------------------------- */
  /* Fraunces e Inter: OFL 1.1. Fraunces llega en un solo peso (700);
     el 500 y las cursivas son sintéticos (deuda declarada en el maestro).
     El .woff2 es derivado declarado (SOP-09 §8). */
  --tef-fuente-titulo: "Fraunces", Georgia, "Times New Roman", serif;
  --tef-fuente-cuerpo: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tef-peso-titulo:       700;
  --tef-peso-titulo-suave: 500;
  --tef-peso-cuerpo:       400;
  --tef-peso-enfasis:      600;

  /* --- TOKEN_DE_MUNDO · escala y ritmo ---------------------- */
  /* Punto (5) del maestro v2.0: 18 px con la raíz por defecto de 16 px, y
     crece con la preferencia de texto del lector (WCAG 1.4.4). */
  --tef-cuerpo-base:       1.125rem;
  --tef-interlinea-cuerpo: 1.6;
  --tef-espacio-base:      8px;

  /* --- TOKEN_DE_COMPONENTE --------------------------------- */
  --tef-control-alto-min: 44px;

  /* --- OVERRIDE_DE_INSTANCIA ------------------------------- */
  /* Ninguno. Un override sin razón escrita es deuda, no diseño. */
}

/* ============================================================
   USOS PROHIBIDOS — medidos, no opinados
   ------------------------------------------------------------
   1. Texto #1A2B4C sobre acción #23665F → 2.10 (mín. 4.5).
      La acción SIEMPRE lleva var(--tef-texto-sobre-accion).

   2. Acento y apoyo NO pueden portar significado sobre el fondo:
      1.79 y 1.18 contra el mínimo 3.0 de WCAG 1.4.11 para
      componentes de interfaz y objetos gráficos. Es decir:
      NO como borde, separador, contorno de tarjeta, icono
      informativo ni indicador de estado sobre #F9F6F0.
      SÍ como relleno de bloque con texto oscuro encima
      (7.29 y 11.07, con holgura).

   3. Un error nunca se señala sólo por color: lleva texto.

   4. Una etiqueta de formulario nunca es sólo placeholder.
   ============================================================ */

/* Base de lectura sugerida — la aplica F3, no la impone este archivo */
/*
body {
  background: var(--tef-color-fondo);
  color: var(--tef-color-texto);
  font-family: var(--tef-fuente-cuerpo);
  font-size: var(--tef-cuerpo-base);
  font-weight: var(--tef-peso-cuerpo);
  line-height: var(--tef-interlinea-cuerpo);
}

h1, h2, h3 {
  font-family: var(--tef-fuente-titulo);
  font-weight: var(--tef-peso-titulo);
}

:focus-visible {
  outline: var(--tef-foco-grosor) solid var(--tef-foco-color);
  outline-offset: 2px;
}

.boton-primario {
  background: var(--tef-color-accion);
  color: var(--tef-texto-sobre-accion);
  min-height: var(--tef-control-alto-min);
}
*/