/* tokens.css — 株式会社Sunga デザイントークン
 * Source of truth. design.md に基づく完全転記。
 * このファイル以外での hex / oklch / font-family 直書き禁止。
 */

:root {
  /* ── Color ── */
  --color-paper:      oklch(98.5% 0.004 250);  /* 冷白 — 基本背景 */
  --color-paper-2:    oklch(96% 0.006 250);    /* セクション帯・カード地 */
  --color-ink:        oklch(23% 0.02 255);     /* 見出し・本文濃 */
  --color-ink-2:      oklch(45% 0.015 255);    /* 本文サブ・キャプション */
  --color-rule:       oklch(88% 0.008 250);    /* ヘアライン罫線 */
  --color-accent:     oklch(48% 0.20 262);     /* 電気コバルト — CTA・リンク・マイクロラベル */
  --color-accent-ink: oklch(100% 0 0);         /* アクセント上の文字 */
  --color-focus:      oklch(48% 0.20 262);
  --color-accent-dark: oklch(40% 0.20 262);  /* アクセントhover暗 */
  --color-shadow:      oklch(0% 0 0 / 0.06); /* ドロップシャドウ */
  --color-error:       oklch(48% 0.18 25);   /* フォーム送信失敗などのエラー表示（機能色・装飾には使わない） */

  /* ── Typography ── */
  --font-display: "Space Grotesk", "Noto Sans JP", sans-serif;
  --font-body:    "Noto Sans JP", sans-serif;
  --font-mono:    "JetBrains Mono", monospace;

  /* ── Spacing scale (4pt base) ── */
  --space-3xs:  4px;
  --space-xs:   8px;
  --space-sm:   12px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;
  --space-3xl:  80px;
  --space-4xl:  120px;

  /* ── Type scale (×1.25 ratio) ── */
  --text-sm:      14px;
  --text-base:    16px;
  --text-md:      18px;
  --text-lg:      20px;
  --text-xl:      25px;
  --text-2xl:     31px;
  --text-3xl:     39px;
  --text-4xl:     49px;
  --text-display: clamp(2.75rem, 6vw + 1rem, 5.75rem);

  /* ── Easing ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Duration ── */
  --dur-fast: 180ms;
  --dur-base: 240ms;

  /* ── Radius ── */
  --radius-card:  6px;
  --radius-btn:   6px;
  --radius-input: 6px;
}