/* =====================================================
   INTERACTIVE SHOWCASE : TOKENS
===================================================== */

:root{
  --thumb-size: 150px;
  --thumb-scale: 1.08;
  --thumb-gap: 22px;
  --thumb-gutter: 26px;
  --edge-fade: 32px;

  --gold: #e6d69e;
  --gold-soft: rgba(230,214,158,0.35);

  --line-gold: linear-gradient(
    90deg,
    rgba(230,214,158,0) 0%,
    rgba(230,214,158,0.55) 18%,
    rgba(230,214,158,1) 50%,
    rgba(230,214,158,0.55) 82%,
    rgba(230,214,158,0) 100%
  );

  --ease: cubic-bezier(.25,.1,.25,1);
}