/* Tokens · demo B "Fuego" · reports/DESIGN_PLAN_B.md · paleta medida del logo real (assets/logo.png)
   Fuentes (Google Fonts, comprobadas 2026-09-14):
   https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;900&family=Archivo:wght@400;500;600&display=swap */
:root {
  --fondo: #1d1414;        /* marrón-negro del logo con croma cálido; nunca negro puro */
  --tinta: #f5f1ec;        /* marfil SOLO como texto */
  --superficie: #2b1d18;
  --llama: #eb811c;        /* acento */
  --dorado: #cd9e67;       /* secundario: horas, iconos, hairlines */
  --acento: var(--llama);
  --acento-tinta: var(--fondo);
  --suave: var(--superficie);
  --hairline: rgba(255, 255, 255, 0.10);
  --overlay: rgba(29, 20, 20, 0.70);

  --fuente-display: "Big Shoulders Display";
  --fuente-texto: "Archivo";

  --medida: 72rem;
  --espacio: clamp(1rem, 2vw + 0.5rem, 2.25rem);
  --radio: 2px;
  --sombra: none;

  --t-rapido: 160ms;
  --t-reveal: 800ms;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
}