/* =========================================================
   tokens-sakabato.css — Piel SAKABATO (provisional)
   Misma estructura exacta que tokens-sugoi.css.
   Valores provisionales: se ajustan cuando Sakabato cierre
   su identidad. Se activa con data-skin="sakabato".
   ========================================================= */

@font-face{
  font-family:'Fraunces';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/fraunces-var.woff2') format('woff2');
}
@font-face{
  font-family:'Libre Franklin';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/librefranklin-var.woff2') format('woff2');
}

:root[data-skin="sakabato"]{
  --sg-font-display:'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sg-font-body:'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --sg-bg:#f7f4ee;
  --sg-surface:#ffffff;
  --sg-surface-2:#efeae1;
  --sg-surface-3:#e6dfd3;
  --sg-ink:#1f1d22;
  --sg-ink-soft:#5b5760;
  --sg-ink-faint:#8e8992;
  --sg-line:#e0d9cd;
  --sg-line-strong:#cfc5b4;

  --sg-accent:#b1342c;
  --sg-accent-2:#7d211c;
  --sg-accent-hover:#97291f;
  --sg-gold:#c98a3c;
  --sg-sage:#3f7d5c;
  --sg-on-accent:#ffffff;
  --sg-danger:#b1342c;

  --sg-radius:18px;
  --sg-radius-sm:10px;
  --sg-radius-lg:24px;
  --sg-radius-pill:999px;

  --sg-space-1:.25rem;
  --sg-space-2:.5rem;
  --sg-space-3:.75rem;
  --sg-space-4:1rem;
  --sg-space-5:1.5rem;
  --sg-space-6:2rem;
  --sg-space-7:3rem;
  --sg-space-8:4rem;

  --sg-shadow:0 10px 30px rgba(31,29,34,.08);
  --sg-shadow-sm:0 2px 10px rgba(31,29,34,.06);
  --sg-focus:0 0 0 3px rgba(177,52,44,.28);

  --sg-container:1200px;
  --sg-header-h:118px;
  --sg-touch:48px;
  --sg-collection-accent:var(--sg-accent);
}