/* IWAMYCRAFT design tokens · neutral frame · warm yellow anchor */
:root {
  color-scheme: light;
  --color-background: oklch(97.73% 0.0264 87.85);
  --color-surface: oklch(100% 0 0);
  --color-surface-warm: oklch(89.85% 0.0696 89.13);
  --color-ink: oklch(32.3% 0.0103 106.97);
  --color-muted: oklch(51.76% 0.0176 90.34);
  --color-accent: oklch(88.44% 0.1372 93.74);
  --color-accent-ink: oklch(32.3% 0.0103 106.97);
  --color-rust: oklch(50.51% 0.1266 32.79);
  --color-green: oklch(50.18% 0.0376 171.48);
  --color-line: oklch(32.3% 0.0103 106.97 / 18%);
  --color-line-strong: oklch(32.3% 0.0103 106.97 / 34%);
  --color-overlay: oklch(18% 0.025 275 / 52%);
  --color-hero-shade-deep: oklch(0% 0 0 / 82%);
  --color-hero-shade-mid: oklch(0% 0 0 / 62%);
  --color-hero-shade-light: oklch(0% 0 0 / 12%);
  --color-focus: oklch(50.51% 0.1266 32.79);
  --font-display: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-body: "Hiragino Sans", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-editorial: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-h2: 0.875rem;
  --text-work-card-title: 1.25rem;
  --text-creator-name: 1.25rem;
  --text-h3: 1.25rem;
  --text-heading: clamp(1.75rem, 3vw, 2.5rem);
  --text-heading-large: clamp(2rem, 4vw, 2.5rem);
  --text-hero: clamp(2.5rem, 6vw, 3.5rem);
  --text-page-title: clamp(2rem, 5vw, 3.5rem);
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --rule-thin: 1px;
  --rule-bold: 2px;
  --layout-content: 67.5rem;
  --layout-text: 45rem;
  --header-height: 4.25rem;
  --section-space-y: clamp(2rem, 3.5vw, 3rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-normal: 240ms;
}