@charset "UTF-8";

/* =====================================================
  BRAND TOKENS : THE BAR
===================================================== */

:root{
  --fb-en:'Cormorant Garamond', serif;
  --fb-ja:'Noto Serif JP', serif;

  --fb-bg:#0d1014;
  --fb-bg-soft:#131820;
  --fb-surface:rgba(255,255,255,.04);

  --fb-text:#f5f7fa;
  --fb-muted:rgba(245,247,250,.70);

  --fb-line:rgba(255,255,255,.12);
  --fb-line-soft:rgba(255,255,255,.08);

  --fb-body:15px;
  --fb-lh:2.0;

  --bar-accent:#7a3654;
  --bar-accent-soft:#8c4466;
}

html{
  background:var(--fb-bg);
}

body{
  font-family:var(--fb-ja), var(--fb-en);
  font-size:var(--fb-body);
  line-height:var(--fb-lh);
  letter-spacing:.035em;
  background:var(--fb-bg);
  color:var(--fb-text);
}

.fb-main{
  background:var(--fb-bg);
  color:var(--fb-text);
}

.fb-section{
  background:var(--fb-bg);
}

/* =========================================
  EYEBROW
========================================= */
.fb-eyebrow{
  font-family:var(--fb-en);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--fb-muted);
  font-weight:300;
  opacity:.82;
}

/* =========================================
  SECTION TITLE
========================================= */
.bar-section-title,
.bar-drinks-card__title{
  font-family:var(--fb-en);
  font-weight:300;
  letter-spacing:.04em;
  opacity:.86;
  line-height:1.2;
}

/* =========================================
  HERO TITLE
========================================= */
.bar-hero__title{
  font-family:var(--fb-en);
  font-weight:300;
  letter-spacing:.06em;
  line-height:1.12;
}

/* =========================================
  FOOTER
========================================= */
.fb-footer{
  background:var(--fb-bg);
  color:var(--fb-muted);
}