/* ==========================================================================
   Senso Incomum — Button tokens
   Escopo: variações de cor padronizadas para botões principais.
   ========================================================================== */

.si-btn-red,
.si-btn-dark {
   font-family: var(--font-family-button);
   text-decoration: none;
   font-size: 2.02rem;
   font-weight: 700;
   letter-spacing: 0.02em;
   -webkit-text-stroke: 0.3px rgba(0, 0, 0, 0.92);
   text-shadow:
      0 1px 0 rgba(0, 0, 0, 0.95),
      0 0 8px rgba(0, 0, 0, 0.75);
   border-radius: 6px;
   padding: 6px 14px;
   border: 1px solid rgba(207, 214, 222, 0.44);
   transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.si-btn-red {
   font-family: var(--font-family-button);
   color: #f4ead0;
   border-color: rgba(161, 145, 97, 0.72);
   background:
      linear-gradient(180deg, rgba(188, 175, 132, 0.9) 0%, rgba(143, 125, 89, 0.9) 56%, rgba(103, 84, 57, 0.92) 100%),
      linear-gradient(90deg, rgba(242, 234, 209, 0.12), rgba(79, 65, 45, 0.14));
   box-shadow:
      inset 0 1px 0 rgba(246, 239, 219, 0.26),
      inset 0 -1px 0 rgba(59, 49, 34, 0.5);
}

.si-btn-dark {
   font-family: var(--font-family-button);
   color: #dde4ec;
   border-color: rgba(207, 214, 222, 0.44);
   background: rgba(8, 10, 13, 0.56);
}

.si-btn-red:hover {
   transform: translateY(-1px);
   color: #f4ead0;
   border-color: rgba(186, 170, 120, 0.86);
   background:
      linear-gradient(180deg, rgba(205, 191, 146, 0.92) 0%, rgba(156, 137, 98, 0.91) 58%, rgba(113, 93, 64, 0.93) 100%),
      linear-gradient(90deg, rgba(247, 240, 218, 0.14), rgba(84, 69, 47, 0.18));
   box-shadow:
      inset 0 1px 0 rgba(248, 242, 223, 0.3),
      inset 0 -1px 0 rgba(54, 44, 30, 0.52),
      0 8px 16px rgba(0, 0, 0, 0.3);
}

.si-btn-dark:hover {
   transform: translateY(-1px);
   border-color: rgba(232, 237, 244, 0.65);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Remove fundo injetado pelo tema base em links de signup quando usamos tokens */
.si-btn-red::after,
.si-btn-dark::after {
   display: none !important;
}