/* ============================================================
   SPOT TATUAJES — TOKENS
   Monocromo absoluto · negro sólido · blanco/hueso
   "Solo sólido negro." Sin paleta de color.
   ============================================================ */

:root {
  /* — Superficies — */
  --bg:        #000000;   /* negro sólido absoluto */
  --bg-2:      #000000;
  --bg-3:      #000000;   /* marcos: negro puro, el filo los define */
  --bg-ivan:   #000000;

  /* — Tinta (blanco como único "color") — */
  --bone:      #F4F1EB;   /* hueso casi blanco — dominante */
  --bone-dim:  #C7C2B8;
  --white:     #FFFFFF;   /* acento: el blanco más puro */
  --gold:      #FFFFFF;   /* (alias histórico → ahora blanco puro) */
  --gold-deep: #B8B3A8;

  /* — Texto — */
  --text:      #E8E4DC;
  --muted:     #6B6862;
  --muted-2:   #45433E;
  --line:      rgba(244, 241, 235, 0.16);
  --line-soft: rgba(244, 241, 235, 0.07);
  --line-hair: rgba(244, 241, 235, 0.10);

  /* — Tipografía — */
  --display: "Cormorant Garamond", "PP Editorial New", Georgia, serif;
  --cond:    "Barlow Condensed", "Suisse Int'l Condensed", "Arial Narrow", sans-serif;
  --body:    "DM Sans", "Suisse Int'l", system-ui, sans-serif;

  /* — Métrica — */
  --tracking-tight: -0.03em;
  --tracking-wide:  0.28em;
  --lh-tight: 0.94;

  /* — Movimiento — */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 600ms;

  /* — Layout — */
  --gutter: clamp(20px, 5vw, 80px);
  --maxw: 1480px;
}
