:root{
  --tog-bg:#faf8f2;--tog-gold:#b89d63;--tog-stone:#e9e6df;
}
body{background:var(--tog-bg);}
.tog-btn{background:var(--tog-gold);color:#fff;border-radius:999px;padding:.8rem 1.4rem;text-decoration:none;}
.tog-btn:hover{background:#a48b53;}
.tog-fade{opacity:0;transform:translateY(16px);}
.tog-fade.is-in{opacity:1;transform:none;transition:.7s ease;}
#tog-preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--tog-bg);z-index:9999;}
#tog-preloader.hidden{opacity:0;visibility:hidden;transition:.5s ease;}
.tog-spinner{width:54px;height:54px;border:3px solid var(--tog-stone);border-top-color:var(--tog-gold);border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}