:root {
  --hgc-ink: #0c0a08;
  --hgc-ink-2: #1a1209;
  --hgc-ink-3: #3a3128;
  --hgc-paper: #fbf8f1;
  --hgc-paper-2: #f5efe2;
  --hgc-paper-3: #ede3cd;
  --hgc-gold: #c8a050;
  --hgc-gold-deep: #7a5e26;
  --hgc-ember: #a8401d;
  --hgc-line: #e5dcc4;
  --hgc-line-soft: #f0e8d4;
  --hgc-muted: #746b5e;
  --hgc-white: #fff;
  --hgc-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --hgc-sans: "Noto Sans JP", system-ui, sans-serif;
  --hgc-display: "Cormorant Garamond", Georgia, serif;
  --hgc-shadow: 0 1px 2px rgba(28, 23, 20, .03), 0 12px 34px rgba(28, 23, 20, .07);
  --hgc-shadow-hover: 0 2px 3px rgba(28, 23, 20, .05), 0 20px 50px rgba(28, 23, 20, .13);
  --hgc-shell: min(1180px, calc(100vw - 40px));
  --hgc-radius: 14px;
  --hgc-header-height: 72px;
}

@media (min-width: 768px) {
  :root { --hgc-shell: min(1180px, calc(100vw - 80px)); --hgc-header-height: 82px; }
}