:root {
  --sp-bg: #15100b;
  --sp-night: #101827;
  --sp-gold: #b8893b;
  --sp-sand: #d8b982;
  --sp-cream: #f3e6cf;
  --sp-brown: #3a2416;
  --sp-red: #7a2e1d;
  --sp-black: #090705;
  --sp-shadow: rgba(0, 0, 0, 0.36);
  --sp-border: rgba(216, 185, 130, 0.22);
  --sp-panel: rgba(10, 8, 6, 0.78);
  --sp-panel-strong: rgba(7, 6, 5, 0.92);
  --sp-text-soft: rgba(243, 230, 207, 0.82);
  --sp-text-muted: rgba(243, 230, 207, 0.65);
  --sp-radius-sm: 12px;
  --sp-radius-md: 18px;
  --sp-radius-lg: 28px;
  --sp-container: 1280px;
  --sp-header-height: 88px;
  --sp-transition: 240ms ease;
  --sp-transition-slow: 650ms cubic-bezier(.19, 1, .22, 1);
}