/*
 * KaiCupping — tokens de diseño v1 (Fase 0), ampliados en Fase 3 con el mecanismo de identidad de
 * marca de "2 colores semilla" (ver lib/color.php y lib/marca.php).
 *
 * Fundamento tipográfico y cromático para todo lo que se construya en fases siguientes
 * (login/registro Fase 1, consola Fase 2-4, landing pública Fase 6). No es CSS de una
 * pantalla concreta todavía — son las variables de las que toda pantalla futura debe partir.
 *
 * Fuentes (Google Fonts):
 *   Clash Display  -> https://fonts.cdnfonts.com/css/clash-display (o Fontshare, autohospedar en prod)
 *   IBM Plex Sans  -> https://fonts.google.com/specimen/IBM+Plex+Sans
 *   IBM Plex Mono  -> https://fonts.google.com/specimen/IBM+Plex+Mono
 */

:root {
  /* ---- Documento fijo: ficha imprimible/PDF/QR pública ----
     SIEMPRE estos dos valores, pase lo que pase con la marca que elija el laboratorio — la ficha
     que recibe un productor no puede cambiar de aspecto según el color que ese día tenga puesto
     la consola. Ver la sección "Color de marca" más abajo para lo que SÍ cambia por laboratorio. */
  --kc-doc-paper:    #F3F0E8; /* fondo — parchemin de la ficha de cata, más frío/menos durazno que el crema genérico */
  --kc-doc-ink:      #17140F; /* texto — negro cálido, coherente con el negro puro del logotipo */
  --kc-doc-graphite: #4A5049; /* texto secundario del documento (rótulos, notas al pie) */

  /* ---- Color — marca pública (landing, login/registro) y valores de fábrica de la consola ----
     --kc-paper/--kc-ink/--kc-graphite/--kc-console-* de acá abajo son el punto de partida: en la
     consola autenticada, lib/layout.php los sobreescribe siempre (kc_marca_override_css()) con la
     paleta derivada de los 2 colores semilla de cada laboratorio — con la semilla por defecto de
     KaiCupping (crema+terracota) el resultado es visualmente igual a estos mismos valores, así que
     no hay ningún salto entre "sin personalizar" y "personalizado". */
  --kc-paper:      #F3F0E8;
  --kc-ink:        #17140F;
  --kc-graphite:   #4A5049; /* utilitario — acero de la cuchara de cata + verdor apagado del café verde */
  --kc-moss:       #5C6B4F; /* SIEMPRE fijo — éxito/pagado. Nunca entra al sistema de herencia de marca. */
  --kc-roast:      #B5622B; /* acento de firma, USO ÚNICO: relleno del radar y el sello circular de puntaje.
                                Nunca como color de botón/enlace — evita que la app se vuelva "la app terracota" */
  --kc-alert:      #A63D2E; /* SIEMPRE fijo — peligro/error/moroso. Nunca entra al sistema de herencia de marca. */

  /* ---- Identidad de marca por laboratorio: "2 colores semilla" (Fase 3, Configuración) ----
     El laboratorio elige solo 2 colores (base + acento, ver app/configuracion.php pestaña
     "Branding"); mientras no lo haga, la semilla por defecto es la identidad ya aprobada de
     KaiCupping (crema + terracota) — nunca la paleta genérica de otros productos del ecosistema
     KAIDREX. lib/color.php deriva TODO lo demás en HSL a partir de esos 2 colores (fondos, hover,
     texto atenuado, contraste de texto) y lib/layout.php lo inyecta acá con un
     <style>:root{...}</style> en cada carga de página — nunca se guarda la paleta derivada.
     Los valores de acá abajo son solo el respaldo estático por si ese bloque no llegara a
     imprimirse por algún motivo. */
  --kc-marca-primario:            var(--kc-roast);
  --kc-marca-secundario:          var(--kc-roast);
  --kc-marca-acento:              var(--kc-roast);
  --kc-marca-texto-sobre-acento:  #FBF9F4;
  --kc-marca-tinte-fondo:         #F5E7DE;
  --kc-marca-tinte-texto:         #945023;

  /* ---- Color — consola autenticada ----
     Respaldo estático (ver nota de "Identidad de marca" arriba) — en la práctica siempre llega
     sobreescrito por la paleta derivada de cada laboratorio, con estos mismos valores de fábrica. */
  --kc-console-bg:      #F3F0E8;
  --kc-console-surface: #EFEBE0;
  --kc-console-line:    #D6CFBE;
  --kc-console-text:    #17140F;
  --kc-console-hover:   #E8E2D3;

  /* ---- Tipografía ---- */
  --kc-font-display: 'Clash Display', 'Poppins', sans-serif;      /* titulares, cifras de puntaje grandes, hero — con moderación */
  --kc-font-body:    'IBM Plex Sans', system-ui, sans-serif;      /* interfaz, formularios, tablas, copy — carga técnica/legible */
  --kc-font-mono:    'IBM Plex Mono', 'SFMono-Regular', monospace; /* SIEMPRE para datos medidos: 0-15, 1-9, %, defectos, criba */

  --kc-radius-sm: 4px;
  --kc-radius-md: 10px;
  --kc-radius-full: 999px; /* el círculo del logotipo — usado en el sello de puntaje y el hub del radar */
}