/* ============================================================================
   BuildSigned — tokens del sitio de marketing.

   Mundo visual: wax pack. Cartulina de cromo, bordes de color de equipo por
   estado de fase, dorso reglado en monoespaciada, oro para lo que libera el
   pago. La direccion y su contrato viven en `web/mockups/02-wax-pack.html`.

   DOS REGLAS QUE COSTARON UNA SESION ENTERA, las dos medidas en el DOM:

   1. UN TOKEN, UN TRABAJO. `--card` es el papel de la carta y NADA MAS. La
      tinta clara sobre el fieltro es `--on-felt`. En modo claro los dos dan
      crema y parece que sobra uno; en oscuro el papel se oscurece y, si
      comparten token, se lleva la tinta con el y el titular queda marron sobre
      verde oscuro. Cero errores en consola.

   2. NADA DE `color-mix(<tinta>, transparent)` COMO COLOR DE TEXTO. No aclara
      el color, lo vuelve translucido, y el fondo se transparenta por debajo.
      El label no se ve mas suave: se ve velado. Para atenuar hay un token
      solido, `--on-felt-dim`.

   Lo verifica `scripts/gate-contraste-web.sh`, en los dos temas.
   ============================================================================ */

:root {
  color-scheme: light;

  /* --- superficies --- */
  --felt:      #1F4634;  /* el fieltro donde se reparten las cartas */
  --card:      #EFEAE0;  /* cartulina: SOLO fondo de carta */
  --card-back: #DED8CA;  /* el dorso, mas gris */

  /* --- tinta sobre cartulina --- */
  --ink:   #16150F;
  --ink-2: #47432F;
  --ink-3: #6B6552;      /* el label de categoria NO es el texto mas tenue */
  --rule:  #B9B2A0;

  /* --- tinta sobre el fieltro (rol distinto de --card, ver regla 1) --- */
  --on-felt:     #EFEAE0;
  --on-felt-dim: #C6C0B0;

  /* --- colores de equipo: cada estado de fase tiene el suyo --- */
  --team-a: #16509B;     /* fase cerrada, evidencia verificada */
  --team-b: #A0231F;     /* fase esperando */
  --team-c: #4A4636;     /* fase bloqueada */
  --gold:     #A9760F;   /* la fase que libera el pago */
  --gold-ink: #16150F;

  /* Oro SOBRE FIELTRO, y por eso no cambia con el tema: la barra y el pie son
     verdes en los dos. `--gold` claro es #A9760F, que sobre el fieltro da
     2.68:1 y no llega al piso de 4.5; este da 6.09:1. Es la regla 1 del
     encabezado de este archivo otra vez: un token, un trabajo. El oro de la
     paleta pinta sobre cartulina; este pinta sobre fieltro. */
  --gold-on-felt: #E8BE60;

  /* --- tipografia ---
     Roles obligatorios (ATTLAS_DEV_GUIDE §5): `--slab`/`--text` para interfaz,
     `--stat` monoespaciada para valores numericos, IDs y codigos. Las familias
     concretas son del producto y hoy son un stack de sistema, a la espera del
     woff2 propio.

     OJO al sustituirlas: en el stack de sistema de Windows los pesos 400, 450
     y 500 renderizan IDENTICO -- no hay medium -- y el primer salto real es
     600. Declarar 500 ahi es codigo muerto que ademas hace creer que el
     problema ya se atendio. El gate lo bloquea. */
  --slab: "Rockwell", "Roboto Slab", Georgia, "Times New Roman", serif;
  --stat: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --text: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* --- metrica --- */
  --gap:    clamp(1rem, 3vw, 2rem);
  --floor:  0.8125rem;   /* 13px. Piso de TODAS PARTES, no solo de movil. */
  --card-w: 17rem;
  --rail:   74rem;
}

/* Escena de noche: la mesa de la cocina, luz de arriba, el mazo abierto.
   `:not([data-theme="light"])` deja que la eleccion explicita gane sobre la
   preferencia del sistema en las dos direcciones. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --felt: #0C1A14; --card: #24211A; --card-back: #1B1813;
    --ink: #F2EDDF; --ink-2: #C4BDA5; --ink-3: #9A937D;
    --rule: #423C2B;
    --on-felt: #F2EDDF; --on-felt-dim: #A9A28C;
    --team-a: #7DAEEA; --team-b: #E8897F; --team-c: #A9A188;
    --gold: #E8BE60; --gold-ink: #16150F;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --felt: #0C1A14; --card: #24211A; --card-back: #1B1813;
  --ink: #F2EDDF; --ink-2: #C4BDA5; --ink-3: #9A937D;
  --rule: #423C2B;
  --on-felt: #F2EDDF; --on-felt-dim: #A9A28C;
  --team-a: #7DAEEA; --team-b: #E8897F; --team-c: #A9A188;
  --gold: #E8BE60; --gold-ink: #16150F;
}