/* ==========================================================================
   demos/002_construction/css/tokens.css
   青葉建装（架空の工務店）ブランドトークン
   コントラスト比は scripts/contrast_check.py で検証済み。
   ========================================================================== */

@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: #F7F6F3;
  --color-bg-alt: #ECEAE3;
  --color-surface: #FFFFFF;

  --color-text: #1E2733;
  --color-text-muted: #57626F;

  --color-primary: #1F3A5F;
  --color-primary-dark: #13253D;
  --color-on-primary: #FFFFFF;

  --color-accent: #B5793B;
  --color-accent-contrast: #1E1204;

  --color-border: #DCD9CE;
  --color-focus: #1F3A5F;

  --color-footer-bg: #16233A;
  --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: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 2px 10px rgba(20, 30, 45, 0.08);
  --shadow-md: 0 14px 34px rgba(20, 30, 45, 0.16);

  --container-width: 1140px;
}