/* La piel de la red · lo que esta web comparte con TeamTowers, el SOS y el resto
   La paleta va entre las marcas TT-PELL y no se edita aquí: la escribe
   `node herramientas/pell.mjs` leyendo `../teamtowershuma/SOS/tools/build-pell.js`,
   igual que el cerebro lee el codex (veda 7). Lo de debajo es de esta web:
   los nombres que ya usaban sus páginas, apuntando a la piel, y el pie de la red. */
:root{
/*TT-PELL*/
  --bg           : #fbfaf7;   /* el paper */
  --panel        : #f4f1ea;   /* el fons d'un bloc */
  --card         : #ffffff;   /* una targeta, que és el més clar */
  --text         : #15130f;   /* la tinta */
  --light        : #4a463e;   /* text secundari · 9,1:1 */
  --muted        : #5e594d;   /* text apagat · 6,8:1 · i 5,7 sobre un fons tenyit */
  --border       : #ddd7c8;   /* la vora */
  --border-strong: #cac3b0;   /* la vora que s'ha de veure */
  --indigo       : #4f46e5;   /* 6,1:1 */
  --blue         : #005795;   /* tangible · 6,2:1 · i 5,3 sobre un vel del seu to */
  --purple       : #a3187f;   /* intangible · 6,8:1 */
  --green        : #0c6640;   /* 5,9:1 · i 5,4 sobre un vel del seu to */
  --orange       : #9c4408;   /* 5,9:1 · i 5,0 sobre --panel */
  --red          : #c0392b;   /* 5,2:1 */
  --gold         : #8a6000;   /* 5,3:1 */
  --on-accent    : #ffffff;   /* text a sobre d'un accent ple */
  --mono         : 'SF Mono',Monaco,Consolas,monospace;
  --t0           : .9375rem;   /* 15 px · el terra */
  --t1           : 1.0625rem;   /* 17 px · el cos */
  --t2           : 1.25rem;
  --t3           : clamp(1.3rem,2.4vw,1.65rem);
  --t4           : clamp(1.75rem,4vw,2.6rem);
  --t5           : clamp(2.1rem,6vw,3.5rem);
/*/TT-PELL*/
  --surface: var(--card);
  --ink: var(--text);
  --line: var(--border);
  --accent: var(--blue);
  --radius: 14px;
  --sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* La trinidad: los colores de su dharma, con nombre propio y sobre la piel.
     Brahma crea (amarillo), Vishnu sostiene (azul), Shiva transforma (verde).
     El tono de texto pasa AA sobre el papel; el «luz» es para rellenos y barras. */
  --brahma: var(--gold);   --brahma-luz: #eab308;
  --vishnu: var(--blue);   --vishnu-luz: #2563eb;
  --shiva: var(--green);   --shiva-luz: #16a34a;
  color-scheme: light;
}
.trinidad{height:4px;border:0;background:linear-gradient(90deg,var(--brahma-luz) 0 33.33%,var(--vishnu-luz) 33.33% 66.66%,var(--shiva-luz) 66.66%)}
body{font-family:var(--sans);background:var(--bg);color:var(--ink)}

/* El pie de la red: los mismos sitios, en el mismo orden, en todas las páginas. */
.red{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.red-k{font:500 .78rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.red a{font:600 .88rem var(--sans);color:var(--ink);text-decoration:none;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:6px 12px;min-height:36px;display:inline-flex;align-items:center}
.red a:hover{border-color:var(--border-strong);color:var(--blue)}