/* Hallmark · macrostructure: Split Studio (H2 hero: logo left / copy right) · theme: custom
 * vibe: "ant-nest network, navy on white, friendly trust" · paper: oklch(100% 0 0) · accent: oklch(30% 0.075 272)
 * display: Zen Kaku Gothic New 700 · body: Noto Sans JP · label-en: Jost · axes: light / geometric-sans / cool-navy (~272°)
 * genre: modern-minimal · nav: N1b · footer: Ft2 · studied: no · context: user-provided · Hallmark v0.8.0
 * v2.0.0 (2026-08-10) — 黒×ゴールド(v1)から全面刷新。背景白はユーザー確定。
 */
:root {
  /* ---- Colors (OKLCH — DESIGN.md frontmatter と同期。正は DESIGN.md) ---- */
  --color-paper: oklch(100% 0 0);             /* surface — 純白(ユーザー確定) */
  --color-paper-2: oklch(96.5% 0.006 262);    /* surface-container — 薄青グレーの帯 */
  --color-paper-3: oklch(93% 0.01 262);       /* 第2段階の面(hover 等) */
  --color-ink: oklch(27% 0.05 272);           /* on-surface — 紺(ロゴ由来) */
  --color-ink-2: oklch(41% 0.035 270);        /* on-surface-variant — 二次テキスト */
  --color-rule: oklch(87% 0.01 262);          /* outline — 罫線 */
  --color-muted: oklch(52% 0.022 268);        /* 注記等の弱いテキスト */
  --color-accent: oklch(30% 0.075 272);       /* primary — 濃紺(CTA・ナビピル) */
  --color-accent-ink: oklch(100% 0 0);        /* on-primary — 紺上の白文字 */
  --color-brand-red: oklch(54% 0.19 28);      /* ロゴの赤。極小ワンポイント専用(面で使わない) */
  --color-focus: oklch(45% 0.14 270);         /* focus ring — 紺・高彩度 */
  --color-scrim: oklch(27% 0.05 272 / 0.45);  /* 写真上のオーバーレイ(使用時のみ) */

  /* ---- Typography ---- */
  --font-display: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --font-display-en: "Jost", sans-serif;      /* 英字セクションラベル専用 */
  --font-body: "Noto Sans JP", sans-serif;

  --text-display: clamp(1.875rem, 4vw + 0.5rem, 3.25rem); /* ヒーロー(和文) */
  --text-3xl: clamp(1.5rem, 2.2vw + 0.75rem, 2rem);       /* セクション見出し */
  --text-xl: 1.25rem;        /* title-md — カード見出し等 */
  --text-base: 1rem;
  --text-sm: 0.8125rem;
  --text-label-en: 0.875rem;

  --leading-display: 1.4;    /* 太ゴシックは明朝より行間を締めすぎない */
  --leading-heading: 1.5;
  --leading-body: 1.9;       /* 和文本文 */
  --leading-label: 1.4;      /* label-md / label-strong */
  --leading-label-en: 1.2;   /* label-en */
  --tracking-display: 0.03em;
  --tracking-heading: 0.02em;
  --tracking-label-en: 0.12em;
  --tracking-body: 0.02em;   /* body-md */
  --tracking-ui: 0.04em;     /* ボタン・ナビ等の UI ラベル */

  /* ---- Spacing (4pt scale) ---- */
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ---- Radius(親しみやすさ=丸み。ボタンはピル) ---- */
  --radius-none: 0px;
  --radius-input: 4px;
  --radius-card: 8px;
  --radius-pill: 999px;

  /* ---- Rules ---- */
  --rule-hairline: 1px solid var(--color-rule);

  /* ---- Motion(fade-in のみ) ---- */
  --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.87, 0, 0.13, 1);
  --dur-fast: 180ms;
  --dur-base: 240ms;
  --dur-slow: 320ms;
}