:root{
  --yy-font-sans: "Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --yy-font-serif: "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;

  --yy-ink:#241e1b;
  --yy-ink-muted:rgba(36,30,27,.65);
  --yy-ink-soft:rgba(36,30,27,.45);

  --yy-warm:#f3eee7;
  --yy-ivory:#f6f1e8;
  --yy-mist:#eee7dc;

  --yy-content-w:min(1200px, 92vw);
  --yy-narrow-w:min(880px, 90vw);
  --yy-radius:24px;

  --yy-space-section:clamp(64px, 8vw, 88px);
  --yy-space-block:clamp(24px, 4vw, 40px);
  --yy-space-inline:10px;

  --yy-f-text:15px;
  --yy-lh-text:1.9;

  --yy-f-title:clamp(22px, 2.2vw, 32px);
  --yy-lh-title:1.5;
  --yy-f-title-sp:22px;

  --yy-f-lead:15px;
  --yy-lh-lead:1.9;

  --yy-f-eyebrow:12px;
  --yy-f-tag:12px;
  --yy-lh-tag:1.6;

  --yy-f-btn:13px;
  --yy-f-menu-title:18px;
  --yy-f-price:16px;

  --yy-menu-card-w:min(440px, 88vw);
  --yy-menu-card-inner-pad:18px;
  --yy-review-card-w:min(420px, 88vw);

  --yy-flow-card-w:min(360px, 88vw);
  --yy-flow-media-h:clamp(220px, 30vw, 320px);
  --yy-flow-gap:clamp(24px, 6vw, 64px);
  --yy-flow-peek:clamp(16px, 4vw, 40px);
  --yy-flow-fade:clamp(80px, 20vw, 160px);

  --yy-mask-w:clamp(40px, 8vw, 120px);
  --yy-mask-left:0px;
  --yy-mask-right:0px;
  --yy-mask-color:rgba(243,238,231,.9);
}