/*
 * 心技一体 design tokens
 * プロトタイプ最終版の墨・深墨・金・赤茶・和紙を基準にしています。
 */

.si-theme-scope,
.si-has-site-chrome,
.si-site-header,
.si-site,
.si-site-footer,
.si-floating-cta,
.si-esanimu-header,
.si-esanimu-footer,
.editor-styles-wrapper {
  --si-sumi: #171514;
  --si-sumi-deep: #0e0d0c;
  --si-ink: #171614;
  --si-ink-muted: #5b5952;
  --si-gold: #cda968;
  --si-gold-on-dark: #fff0b8;
  --si-gold-deep: #71562b;
  --si-clay: #a34b32;
  --si-clay-dark: #783320;
  --si-contact: #843f2d;
  --si-paper: #f2eee5;
  --si-paper-light: #f8f5ee;
  --si-paper-deep: #ded6c7;
  --si-line: #c8c0b2;
  --si-white: #fff;
  --si-font-serif: "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
    "Noto Serif JP", serif;
  --si-font-sans: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", sans-serif;
  --si-font-latin: Inter, "Helvetica Neue", Arial, sans-serif;
  --si-washi: url("../images/brand/washi-texture.webp");
  --si-shell: 1180px;
  --si-gutter: clamp(20px, 4vw, 48px);
  --si-section-space: clamp(84px, 9vw, 136px);
  --si-header-height: var(--swl-headerH, 80px);
  --si-adminbar-height: var(--swl-adminbarH, 0px);
  --si-hero-viewport-offset: calc(
    var(--si-header-height) + var(--si-adminbar-height)
  );
  --si-swell-sticky-header-height: var(--swl-fix_headerH, 0px);
  --si-sticky-header-offset: calc(
    var(--si-swell-sticky-header-height) + var(--si-adminbar-height)
  );
  --si-fixed-bottom-offset: 0px;
  --si-swell-fixed-footer-height: 60px;
  --si-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}