@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Family AAAA Brand Palette */
  --brand-gold:       #B8913A;
  --brand-gold-dark:  #8F6E2D;
  --brand-gold-light: #D2B56A;
  --brand-black:      #0B1222;
  --brand-white:      #FFFFFF;
  --brand-sage:       #1E3A33;
  --brand-stone:      #7A746B;
  --brand-ivory:      #F3F1EA;

  /* Extended support colors from style guide */
  --brand-text-main:   #202124;
  --brand-text-muted:  #6F6A61;
  --brand-text-soft:   #B7B0A3;
  --brand-border-soft: #D8D0C2;
  --brand-border-dark: #25314A;
  --brand-navy:        #1E2E57;
  --brand-slate-blue:  #5F6F90;
  --brand-rose:        #C97A82;

  /* Aliases used in CSS/JS */
  --brand-bg-dark:     #0B1222;
  --brand-text-dark:   #F3F1EA;
  --brand-text-subtle: #7A746B;
  --brand-accent:      #B8913A;

  /* Typography */
  --brand-font-body:    'Manrope', 'Segoe UI', sans-serif;
  --brand-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
}

.brand-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-logo-mark {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-logo-dark-bg {
  width: 86px;
  height: 86px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

.brand-logo-light-bg {
  width: 78px;
  height: 78px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(0,0,0,0.1);
}

.brand-logo-small {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
}

.brand-lockup-logo {
  display: block;
  height: 52px;
  width: auto;
  max-width: 100%;
}

.brand-lockup-logo.light { filter: none; }
.brand-lockup-logo.dark  { filter: none; }

@media (max-width: 760px) {
  .brand-logo-dark-bg,
  .brand-logo-light-bg {
    width: 68px;
    height: 68px;
  }
}