:root{
  /* Palette A */
  --ax-primary:   #0B1E3F; /* Deep Navy */
  --ax-secondary: #D4AF37; /* Muted Gold */
  --ax-accent:    #00A6A6; /* Teal */
  --ax-bg:        #FFFFFF;
  --ax-surface:   #F6F8FB;
  --ax-text:      #0E1116;

  /* Bootstrap variable overrides */
  --bs-primary:   var(--ax-primary);
  --bs-secondary: var(--ax-secondary);
  --bs-info:      var(--ax-accent);
  --bs-body-bg:   var(--ax-bg);
  --bs-body-color:var(--ax-text);
  --bs-light:     var(--ax-surface);
}

/* Buttons/links */
.btn-primary { background-color: var(--ax-primary); border-color: var(--ax-primary); }
.btn-outline-primary { color: var(--ax-primary); border-color: var(--ax-primary); }
a { color: var(--ax-primary); }
a:hover { color: #081631; }

/* Cards, badges, tables */
.card { border-radius: 12px; }
.badge.bg-secondary { background-color: var(--ax-secondary) !important; color: #111; }
.table thead th { background: var(--ax-surface); }

/* Optional header bar helper */
.apparelx-header { background: var(--ax-primary); color: #fff; }
.apparelx-header a { color: #fff; text-decoration: none; }

/* Small utility for gold accents */
.text-gold { color: var(--ax-secondary) !important; }
.border-gold { border-color: var(--ax-secondary) !important; }

/* Text logo */
.brand-text{
  font-weight: 800;
  font-size: 20px;
  letter-spacing: .2px;
  color: var(--ax-primary);
  text-decoration: none;
}
.brand-text:hover{ color:#081631; }
.brand-a{ color: var(--ax-primary); }
.brand-x{ color: var(--ax-secondary); margin-left: 2px; }