/* ==========================================================================
   portfolio/website/css/tokens.css
   ブランドトークン（KAI｜暫定ブランド。正式屋号決定後に色・フォントを再検討）
   コントラスト比は scripts/contrast_check.py で検証済み（AA基準クリア）。
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap");

:root {
  --color-bg: #FBF9F5;
  --color-bg-alt: #F1ECE3;
  --color-surface: #FFFFFF;

  --color-text: #23282A;
  --color-text-muted: #59635D;

  --color-primary: #1F4B4C;
  --color-primary-dark: #123030;
  --color-on-primary: #FFFFFF;

  --color-accent: #E08E45;
  --color-accent-contrast: #231A10;

  --color-border: #E3DDD0;
  --color-focus: #1F4B4C;

  --color-footer-bg: #1B2320;
  --color-footer-text: #FFFFFF;

  --font-heading: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 2px 10px rgba(30, 40, 35, 0.06);
  --shadow-md: 0 12px 32px rgba(30, 40, 35, 0.12);

  --container-width: 1120px;
}