/* Hallmark · genre: editorial · macrostructure: Narrative Workflow · theme: studied-DNA (source: supplied WooCommerce thank-you reference) · enrichment: live WooCommerce product photography · nav: existing Blocksy shell · footer: existing Blocksy shell */
:root {
  --mbyty-font-display: "見出ゴMB31", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --mbyty-font-body: "TBUDゴシック R", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;

  --mbyty-paper: #f7f3eb;
  --mbyty-surface: #fffdf9;
  --mbyty-ink: #17141b;
  --mbyty-muted: #68636e;
  --mbyty-night: #17151a;
  --mbyty-on-dark: #f7f3eb;
  --mbyty-accent: #76669c;
  --mbyty-paper-deep: color-mix(in oklab, var(--mbyty-paper) 94%, var(--mbyty-ink));
  --mbyty-ink-soft: color-mix(in oklab, var(--mbyty-ink) 78%, var(--mbyty-paper));
  --mbyty-on-dark-soft: color-mix(in oklab, var(--mbyty-on-dark) 76%, var(--mbyty-accent));
  --mbyty-accent-dark: color-mix(in oklab, var(--mbyty-accent) 76%, var(--mbyty-ink));
  --mbyty-accent-ink: var(--mbyty-surface);
  --mbyty-rule: color-mix(in oklab, var(--mbyty-paper) 84%, var(--mbyty-ink));
  --mbyty-rule-strong: color-mix(in oklab, var(--mbyty-paper) 58%, var(--mbyty-accent));
  --mbyty-focus: color-mix(in oklab, var(--mbyty-accent) 68%, var(--mbyty-ink));

  --mbyty-space-3xs: 0.25rem;
  --mbyty-space-2xs: 0.5rem;
  --mbyty-space-xs: 0.75rem;
  --mbyty-space-sm: 1rem;
  --mbyty-space-md: 1.5rem;
  --mbyty-space-lg: 2rem;
  --mbyty-space-xl: 3rem;
  --mbyty-space-2xl: 4rem;
  --mbyty-space-3xl: 6rem;
  --mbyty-space-4xl: 8rem;

  --mbyty-text-xs: 0.75rem;
  --mbyty-text-sm: 0.875rem;
  --mbyty-text-base: 1rem;
  --mbyty-text-md: 1.125rem;
  --mbyty-text-lg: 1.375rem;
  --mbyty-text-xl: 1.75rem;
  --mbyty-text-section: clamp(1.65rem, 2.7vw, 2.2rem);
  --mbyty-text-display: clamp(2rem, 4.1vw, 3.45rem);

  --mbyty-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mbyty-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --mbyty-duration-micro: 120ms;
  --mbyty-duration-short: 220ms;
  --mbyty-duration-long: 420ms;

  --mbyty-radius-sm: 2px;
  --mbyty-radius-md: 4px;
  --mbyty-shell: 82rem;
  --mbyty-measure: 68ch;
  --mbyty-gutter: clamp(1rem, 4vw, 3rem);
}