/* SEATA デザイントークン */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2');
  font-display: block;
}

:root {
  /* カラー */
  --color-primary: #571066;
  --color-text-dark: #333333;
  --color-white: #ffffff;
  --color-placeholder: #dedede;

  /* フォント */
  --font-noto-sans-jp: 'Noto Sans JP', sans-serif;
  --font-lato: 'Lato', sans-serif;
  --font-playfair: 'Playfair Display', serif;
  --font-zen-old-mincho: 'Zen Old Mincho', serif;
  --font-amiri: 'Amiri', serif;

  /* アニメーション（appear共通値） */
  --appear-duration: 500ms;
  /* 出現の遅延はcommon.jsが要素ごとに計算(上から順・150ms間隔)。ここでは持たない */
  --drawer-appear-delay: 800ms; /* ドロワー中身の出現待ち(原本実測) */
  --appear-easing: cubic-bezier(0.39, 0.575, 0.565, 1);
  --carousel-easing: cubic-bezier(0, 0, 0.99, 0.98); /* 原本実測(2026-09-07): ほぼ直線 */
}

.icon.material-symbols {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  /* <i>既定のitalicを打ち消す。無いとiOS Safariが斜体を合成しアイコンが平行四辺形に歪む(2026-09-07クライアント指摘) */
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fa-square-instagram::before {
  content: "\e055";
}