brand.css

/* Bossman Gentleman's Club Barbershop — shared brand system */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');

:root {
  --forest: #0a1f14;
  --pine:   #0e2818;
  --moss:   #143421;
  --fern:   #1f4a31;
  --cream:      #e9ddc1;
  --cream-dim:  #a89f86;
  --gold:        #c9a76a;
  --gold-bright: #dcc187;
  --olive: #7e7e38;
  --line: rgba(233, 221, 193, 0.14);
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.35);

  --serif: 'Playfair Display', Georgia, serif;
  --sans:  'Jost', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--sans);
  background: var(--forest);
  color: var(--cream);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* Brand wordmark block */
.brand { text-align: center; }
.brand .logo { width: 120px; height: auto; margin: 0 auto 0.75rem; display: block; }
.brand .wordmark {
  font-family: var(--serif);
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--cream);
  text-transform: uppercase;
  line-height: 1;
}
.brand .tagline {
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gold);
  margin-top: 0.5rem;
}
.brand .sub {
  color: var(--cream-dim);
  letter-spacing: 0.05em;
  margin-top: 0.4rem;
}

/* Shared button */
.btn-gold {
  background: var(--gold);
  color: var(--pine);
  border: none;
  border-radius: 0.6rem;
  font-weight: 600;
  font-family: var(--sans);
  cursor: pointer;
  transition: background 0.15s, transform 0.05s;
  letter-spacing: 0.02em;
}
.btn-gold:hover { background: var(--gold-bright); }
.btn-gold:active { transform: translateY(1px); }
.btn-gold:disabled { opacity: 0.5; cursor: default; }

.hidden { display: none !important; }

/* Scrollbar polish */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: var(--fern); border-radius: 4px; }