/*
 * Tokens del Ciclo I+D+i (docs/ciclo/sistema-visual.md).
 *
 * Evoluciona el sistema de Clasifica, no lo sustituye: mismas familias, mismo radio casi recto,
 * mismo foco naranja. Lo nuevo es un acento por etapa, la paleta Atlántico (ADR-5).
 *
 * Los acentos de etapa son IDENTIDAD, no interacción: dicen a qué etapa pertenece algo, siempre
 * junto a su nombre y nunca en un control. Cada etapa tiene dos valores: el tono sobre la superficie
 * oscura (`--etapa-*`) y el valor para texto sobre blanco en las apps (`--etapa-*-texto`). Los dos
 * pasan 4,5:1, y `tests/contraste.test.ts` lo mide en vez de creérselo.
 *
 * Los tres caminos de la etapa 3 comparten familia porque son la misma etapa; se distinguen por
 * luminosidad, por glifo y por nombre, nunca solo por el tono. Inspiración, sin decirla: arena y
 * sol, volcán, laurisilva, océano.
 */

:root {
  --etapa-clasifica: #e9c46a;
  --etapa-cuantifica: #f08a9b;
  --etapa-cobra: #9ee6cf;
  --etapa-cede: #5fd4b0;
  --etapa-combina: #34b394;
  --etapa-financia: #5fd4b0;
  --etapa-capitaliza: #8a9bff;

  --etapa-clasifica-texto: #7a5a00;
  --etapa-cuantifica-texto: #a3243f;
  --etapa-cobra-texto: #0f6b54;
  --etapa-cede-texto: #0f6b54;
  --etapa-combina-texto: #0f6b54;
  --etapa-financia-texto: #0f6b54;
  --etapa-capitaliza-texto: #2329e4;

  /* La tinta del anillo cuando la landing va en claro: un elemento gráfico, así que el mínimo es 3:1
     sobre el papel. Las tres vías, de más clara a más oscura, para que el delta no dependa del tono.
     El sombreador no lee CSS: `anillo.js` los repite en PALETA_CLARA y el test vigila que coincidan. */
  --etapa-clasifica-tinta: #946500;
  --etapa-cuantifica-tinta: #c2334f;
  --etapa-cobra-tinta: #1a8a6c;
  --etapa-cede-tinta: #10694f;
  --etapa-combina-tinta: #0a4a39;
  --etapa-capitaliza-tinta: #3a44e8;

  /* Los orbes entre etapas no son una etapa: color neutro, perla sobre el fondo oscuro y grafito como
     tinta sobre el papel. Son gráficos (3:1). `anillo.js` los repite en ORBE y el test vigila que
     coincidan. */
  --orbe: #eceae5;
  --orbe-tinta: #3b3d44;

  --fuente-cuerpo: "Heebo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-display: "Archivo Expandida", "Arial Black", system-ui, sans-serif;
  --fuente-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;

  --radio: 2px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --foco: #ffb066;
}