:root{
  --ln-dark: #1f0c00;
  --ln-gold: #e6d69e;
  --ln-paper: #f4e6d6;
  --ln-ink: #120804;
  --ln-white: #fffdf8;

  --steps-strip-grad:
    radial-gradient(120% 140% at 20% 0%,
      rgba(255,255,255,0.85) 0%,
      rgba(255,255,255,0.62) 45%,
      rgba(255,255,255,0.52) 100%
    ),
    linear-gradient(180deg,
      rgba(255,255,255,0.72),
      rgba(255,255,255,0.50)
    );

  --steps-strip-border: rgba(18,8,4,0.10);

  --steps-ring-grad: linear-gradient(
    90deg,
    rgba(230,214,158,0.00),
    rgba(230,214,158,0.55) 18%,
    rgba(255,255,255,0.22) 50%,
    rgba(230,214,158,0.55) 82%,
    rgba(230,214,158,0.00)
  );

  --steps-edge-glow:
    radial-gradient(120px 80px at 0% 50%,
      rgba(230,214,158,0.28),
      rgba(230,214,158,0.00) 70%
    ),
    radial-gradient(120px 80px at 100% 50%,
      rgba(230,214,158,0.28),
      rgba(230,214,158,0.00) 70%
    );

  --steps-pill-grad:
    radial-gradient(140% 160% at 18% 0%,
      rgba(255,255,255,0.10) 0%,
      rgba(255,255,255,0.04) 35%,
      rgba(255,255,255,0.00) 72%
    ),
    linear-gradient(180deg,
      rgba(44,22,12,0.96),
      rgba(18,8,4,0.98)
    );

  --steps-pill-border: rgba(230,214,158,0.24);
  --steps-pill-border-strong: rgba(230,214,158,0.48);

  --steps-num-grad:
    radial-gradient(120% 120% at 30% 20%,
      rgba(255,255,255,0.35) 0%,
      rgba(255,255,255,0.00) 55%
    ),
    linear-gradient(180deg,
      rgba(250,236,196,0.98),
      rgba(230,214,158,0.92)
    );

  --steps-num-ink: rgba(18,8,4,0.84);
}