/* Hallmark · MK-WEB-20260527-005 · B3 goal-workshop tokens
 * macrostructure: Long Document (coach-stair) · tone: corporate · anchor: amber
 * lane: B3 goal-workshop · accent: oklch(54% 0.14 52)
 */
:root {
  --font-display: 'Zen Old Mincho', 'YuMincho', Georgia, serif;
  --font-body:    'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;

  --text-display:   clamp(2rem, 5vw, 3.25rem);
  --text-display-s: clamp(1.55rem, 3.4vw, 2.2rem);
  --text-lead:      clamp(1.05rem, 2.1vw, 1.2rem);
  --text-body:      1rem;
  --text-small:     0.875rem;
  --text-caption:   0.775rem;

  --color-paper:        oklch(97% 0.01 85);
  --color-paper-bright: oklch(99% 0.004 85);
  --color-paper-deep:   oklch(94% 0.015 85);
  --color-ink:          oklch(18% 0.02 250);
  --color-ink-soft:     oklch(28% 0.02 250);
  --color-muted:        oklch(52% 0.015 250);
  --color-rule:         oklch(90% 0.01 85);
  --color-rule-strong:  oklch(80% 0.015 85);
  --color-focus:        oklch(60% 0.18 55);
  --color-on-accent:    oklch(99% 0 0);

  --color-accent:       oklch(54% 0.14 52);
  --color-accent-hover: oklch(49% 0.14 52);
  --color-accent-light: oklch(96% 0.04 70);
  --color-accent-sky:   oklch(93% 0.03 195);

  --color-monitor-bg:     oklch(97% 0.06 70);
  --color-monitor-border: oklch(80% 0.14 70);
  --color-monitor-text:   oklch(38% 0.14 52);

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

  --max-site:     72rem;
  --max-text:     40rem;
  --pad:          clamp(1rem, 4vw, 2.5rem);
  --header-h:     3.5rem;
  --coaras-bar-h: 2.25rem;
  --hero-min-h:   520px;
  --section-gap:  clamp(3rem, 7vw, 5rem);

  --shadow-soft: 0 4px 20px oklch(18% 0.02 250 / 0.10);
  --shadow-card: 0 2px 8px  oklch(18% 0.02 250 / 0.07);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --dur-fast:  150ms;
  --dur-med:   260ms;
  --dur-slow:  460ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-reveal-y: 14px;
}