@charset "UTF-8";

/* =====================================================
  BRAND TOKENS : RESTAURANT（AMAN STYLE）
===================================================== */

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

  /* =====================================================
    COLOR
  ===================================================== */

  --fb-bg:#f3f1eb;
  --fb-bg-soft:#ebe6dc;
  --fb-surface:rgba(43,42,40,.025);

  --fb-text:#2b2a28;
  --fb-muted:rgba(43,42,40,.62);

  --fb-line:rgba(43,42,40,.12);
  --fb-line-soft:rgba(43,42,40,.06);

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

  /* Accent */
  --bar-accent:#8d7d68;
  --bar-accent-soft:#b0a08c;

  /* =====================================================
    LAYOUT TOKENS
  ===================================================== */

  --bar-max:1040px;
  --bar-gutter:8px;

  /* =====================================================
    SHARED TOKENS
  ===================================================== */

  --bg:var(--fb-bg);
  --text-soft:var(--fb-muted);
}

/* =====================================================
  BASE
===================================================== */

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

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

  background:var(--fb-bg);
  color:var(--fb-text);

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

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

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

/* =====================================================
  EYEBROW / LABEL
===================================================== */

.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-size:28px;
  line-height:1.14;
  font-weight:400;
  letter-spacing:.01em;
  color:var(--fb-text);
}

/* =====================================================
  HERO TITLE
===================================================== */

.bar-hero__title{
  font-family:var(--fb-en);
  font-size:28px;
  line-height:1.14;
  font-weight:400;
  letter-spacing:.01em;
  color:var(--fb-text);
}

/* =====================================================
  FOOTER
===================================================== */

.fb-footer{
  background:var(--fb-bg);
  color:var(--fb-muted);
}

.fb-footer__menu a,
.fb-footer__copy{
  font-family:var(--fb-en);
  font-size:11px;
  line-height:1.8;
  letter-spacing:.04em;
  text-transform:none;
  color:var(--fb-muted);
}

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

body ::-moz-selection,
.fb-main ::-moz-selection{
  background:var(--fb-text);
  color:var(--fb-bg);
}