/*
  tokens.css
  カスタムプロパティのみを定義する。セレクタ・宣言（color/marginの直接指定等）は書かない。
  値はデザイン定義の確定値をそのまま転記している。
  値の変更はこのファイルでは行わない（変更が必要な場合は `03` の改訂が先）。
*/

:root {
  /* ===== 色 ===== */
  --c-green-deep: #14402A; /* 最暗部・demo-bar/footer/cta-bar地、ボタンhover時の濃色 */
  --c-green: #1F5C3A; /* 主色。header地・h2見出し文字・CTA主ボタン地 */
  --c-green-soft: #E8EFE9; /* 淡い面。permit-badge・company */
  --c-leaf: #5F8A42; /* 若草。罫・アイコン・図版の線専用。面にしない・文字色にしない */
  --c-bg: #F7F5F0; /* 基本背景（温かいオフホワイト） */
  --c-bg-dim: #EFEBE4; /* 交互背景・区切り */
  --c-surface: #FFFFFF; /* カード地 */
  --c-text: #1E2A24; /* 本文 */
  --c-text-muted: #5A655E; /* 補足 */
  --c-line: #D8D3CA; /* 罫線（装飾目的のみ） */
  --c-error: #B3261E; /* エラー表示専用。--c-bg 上で 6.00:1（AA適合）。2026-09-08 オーケストレーター追加 */

  /* ===== 余白スケール ===== */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;
  --sp-9: 128px;

  /* ===== z-index ===== */
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-cta-bar: 200;
  --z-nav: 300;

  /* ===== 固定要素の高さ・オフセット ===== */
  --demobar-height: 36px;
  --hdr-height: 56px;
  --offset-top: 92px; /* demo-bar 36 + header 56 */

  /* ===== レイアウト ===== */
  --content-max: 1120px;

  /* ===== 角丸 ===== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;

  /* ===== 影 ===== */
  --shadow-card: 0 2px 8px rgba(30, 42, 36, 0.08);
  --shadow-card-hover: 0 8px 20px rgba(30, 42, 36, 0.14);
  --shadow-ctabar: 0 -2px 12px rgba(20, 64, 42, 0.18);

  /* ===== 時間・イージング ===== */
  --dur-fade: 500ms;
  --dur-fast: 150ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* ===== フォントウェイト ===== */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /*
    ===== ブレークポイント（参照専用。`@media`条件には使えないため直値を併記） =====
    --bp-md: 600px;
    --bp-lg: 900px;
    --bp-xl: 1200px;
  */
}

/* PC（900px〜）：demo-bar 40 + header 72 */
@media (min-width: 900px) {
  :root {
    --demobar-height: 40px;
    --hdr-height: 72px;
    --offset-top: 112px;
  }
}