/* ============================================================
   tokens.css — Sistema de diseño de Stratum/Veta (valores literales
   de variables.css, trama-theme.css, HubView.vue, FlowView.vue,
   WorkModeView.vue). No improvisar otra paleta.
   ============================================================ */
:root {
  /* Superficie (near-black, NUNCA negro puro ni blanco puro) */
  --bg:            #0a0a0c;
  --panel:         rgba(255, 255, 255, 0.025);
  --panel-hi:      rgba(255, 255, 255, 0.045);

  /* Tinta */
  --ink:           #f5f3ee;   /* texto principal: blanco hueso, NUNCA #fff */
  --ink-soft:      #a8a39a;   /* secundario / descripciones */
  --ink-faint:     #5a564f;   /* labels mono, códigos, metadatos */

  /* Bordes / reglas */
  --rule:          rgba(255, 255, 255, 0.10);
  --rule-strong:   rgba(255, 255, 255, 0.22);

  /* Acento Veta (cobre) — PROTAGONISTA */
  --veta:          #e07840;
  --veta-soft:     rgba(224, 120, 64, 0.12);
  --veta-glow:     rgba(224, 120, 64, 0.35);

  /* Acentos de las otras apps (solo para la grilla "próximas") */
  --trama: #d4a55a;
  --cauce: #6cb8d3;
  --surco: #9bbe6b;
  --soto:  #4a8a6c;

  /* Tipografías */
  --font-sans:  'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;
  --font-brand: 'Nunito', 'Inter', sans-serif;

  /* Easing firma de la app */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}