/* Soryu design tokens. Keep brand and spacing decisions in this file. */
:root {
  --color-canvas: #f7f5ef;
  --color-surface: #ffffff;
  --color-surface-sage: #edf2ee;
  --color-surface-blue: #e9f1f3;
  --color-text: #24312b;
  --color-text-muted: #506057;
  --color-primary: #255342;
  --color-primary-hover: #173a2d;
  --color-gold: #8b6827;
  --color-gold-soft: #e5d4a9;
  --color-border: #c7d1ca;
  --color-error: #a23534;
  --color-focus: #255342;

  --font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --font-serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", serif;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-body: 1rem;
  --font-size-lead: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
  --font-size-h1: clamp(2rem, 1.55rem + 2.25vw, 3.5rem);
  --font-size-h2: clamp(1.625rem, 1.3rem + 1.3vw, 2.5rem);
  --font-size-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --line-height-body: 1.8;
  --line-height-heading: 1.35;
  --measure-text: 68ch;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --page-gutter: clamp(1rem, 4vw, 2.5rem);
  --section-space: clamp(3rem, 6vw, 6rem);
  --container-max: 76rem;
  --container-narrow: 48rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --border-default: var(--border-width) solid var(--color-border);
  --shadow-card: 0 0.5rem 2rem rgb(36 49 43 / 7%);
  --shadow-menu: 0 1rem 2rem rgb(36 49 43 / 12%);
  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
  --z-header: 20;
  --z-menu: 30;
  --z-overlay: 100;
}
