/* Brand variables (from design system) */
:root {
    --brand-content-background: #0B0001;
    --brand-text: #D1D1D1;
    --brand-text-secondary: #000;
    --brand-simple: linear-gradient(180deg, #7C0818 0%, #830B1A 100%);
    --brand-red: #D1021B;
    --brand-grey: rgba(245,245,245,.5);
    --brand-grey-dark: rgb(31, 26, 27);
    --brand-green: #2DD890;
    --brand-blue: #D1021B;
    --brand-yellow: #F5C66B;
    --brand-gold: #C79E0C;
    --brand-blue-dark: #D1021B;
    --brand-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    --brand-header-background-web: #0B0001;
    --header-menu-color: #fff;
    --buttons-color: linear-gradient(180deg, #D1021B 0%, #A71023 100%);
    --buttons-text-inside-color: #fff;
    --buttons-border-radius: 10px;
    --main-content-bg: #110D0E;
    --nav-list-bg: linear-gradient(180deg, rgba(166, 3, 22, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), #1F1A1B;
    --nav-list-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.25);
    --link-color: #F5C66B;
    --components-border-radius: 12px;
    --border: rgba(255,255,255,.08);
    --panel: rgba(255,255,255,.04);
    --muted: rgba(255,255,255,.70);
    --game-slider-color: linear-gradient(4deg, #CB8130 0%, #CEA334 14.72%, #CEA334 31.44%, #F6EB76 44.59%, #CEA334 61.01%, #F6EB76 80.72%, #D6770D 99.99%, #BB772D 100%);
    --footer-background-color: #110D0E;
    --footer-text-color: #D1D1D1;

	
	/* ===== FORCE HEADER BUTTONS (TEST) ===== */
.header .top-actions a,
.header .top-actions a:hover{
  text-decoration: none !important;
}

.header .top-actions a.btn.btn-register{
  background: var(--buttons-color) !important;
  color:#fff !important;
  border:none !important;
  box-shadow: var(--brand-shadow) !important;
  position:relative !important;
}

.header .top-actions a.btn.btn-register:hover{
  filter: brightness(1.18) saturate(1.2) !important;
  box-shadow: 0 0 0 12px rgba(209,2,27,.18), var(--brand-shadow) !important;
}

.header .top-actions a.btn.ghost.btn-login:hover{
  background: var(--buttons-color) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: var(--brand-shadow) !important;
}

