@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
  --br-birch:   #E8E0CE;
  --br-moss:    #3D4A35;
  --br-soil:    #6B4F3A;
  --br-straw:   #C9A96E;
  --br-fog:     #F4F1EB;
  --br-ink:     #1E1E1A;
  --br-muted:   #7A756A;
  --br-display: 'Cormorant Garamond', Georgia, serif;
  --br-body:    'Jost', system-ui, sans-serif;
}

.br-block * { box-sizing: border-box; margin: 0; padding: 0; }
.br-block { font-family: var(--br-body); font-weight: 300; line-height: 1.7; color: var(--br-ink); }

.br-eyebrow {
  font-size: 0.72rem; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--br-straw);
  margin-bottom: 14px; display: block;
}
.br-title {
  font-family: var(--br-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400; line-height: 1.12;
  color: var(--br-moss); margin-bottom: 22px;
}
.br-title em { font-style: italic; }
.br-title--light { color: var(--br-birch); }

.br-btn {
  display: inline-block; padding: 13px 34px;
  font-family: var(--br-body); font-size: 0.78rem;
  letter-spacing: 0.12em; text-transform: uppercase;
  text-decoration: none; transition: all 0.3s; cursor: pointer;
  border: none;
}
.br-btn--primary { background: var(--br-straw); color: #fff; }
.br-btn--primary:hover { background: var(--br-soil); }
.br-btn--ghost {
  border: 1px solid var(--br-moss); color: var(--br-moss);
  background: transparent;
}
.br-btn--ghost:hover { background: var(--br-moss); color: #fff; }
.br-btn--ghost-light {
  border: 1px solid rgba(232,224,206,0.45); color: var(--br-birch);
  background: transparent;
}
.br-btn--ghost-light:hover { border-color: var(--br-straw); color: var(--br-straw); }
</style>