/* ==========================================================================
   LOCUS design tokens
   前半：DESIGN.md の規範どおりの値（2.1 / 2.2 / 3.1 / 3.4 / 4.0 / 6章 / 8章）
   後半：TOP固有の実測値（DESIGN.md 未反映）
   ========================================================================== */

:root {

  /* ---- DESIGN.md 2.1 パレット（26色） ------------------------------------ */
  --color-primary-default: #12787D;
  --color-primary-dark: #0A585C;
  --color-primary-light: #E9F6F7;
  --color-accent-default: #FA3889;
  --color-accent-tint: #FFE9F2;
  --color-accent-deep: #A71B5C;
  --color-text-primary: #23201C;
  --color-text-secondary: #55504A;
  --color-text-tertiary: #6E6960;
  --color-text-inverse: #FFFFFF;
  --color-bg-default: #F4F1EC;
  --color-bg-surface: #FFFFFF;
  --color-bg-muted: #F6F4F0;
  --color-bg-inset: #FAF9F6;
  --color-bg-ad: #F2EFEA;
  --color-border-strong: #8C877F;
  --color-border-default: #E4DFD7;
  --color-status-error: #B4452F;
  --color-status-success: #2F6B45;
  --color-series-1: #BCD2EF;
  --color-series-2: #D19EE3;
  --color-series-3: #26A364;
  --color-tone-positive: #417D16;
  --color-tone-negative: #A75A18;
  --color-disabled: #A8A29A;
  --color-overlay: rgba(35, 32, 28, 0.5);

  /* ---- DESIGN.md 2.2 カテゴリ色（6色） ---------------------------------- */
  --color-category-hazard: #6C7E0E;      /* 災害と地形 */
  --color-category-local-life: #2D880F;  /* 地域固有の生活条件 */
  --color-category-plan: #0F8A38;        /* 行政計画 */
  --color-category-mobility: #446EEA;    /* 移動と交通 */
  --color-category-population: #A645EA;  /* 人口 */
  --color-category-market: #A66912;      /* 不動産市場 */

  /* ---- DESIGN.md 3.1 書体 ------------------------------------------------ */
  --font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- DESIGN.md 3.4 文字サイズ（7ロール × PC/SP） ---------------------- */
  --size-display-pc: 48px;   /* 特大見出し */
  --size-display-sp: 30px;
  --size-h1-pc: 32px;        /* 大見出し */
  --size-h1-sp: 22px;
  --size-h2-pc: 26px;        /* 中見出し */
  --size-h2-sp: 20px;
  --size-lead-pc: 22px;      /* リード文 */
  --size-lead-sp: 18px;
  --size-h3-pc: 18px;        /* 小見出し */
  --size-h3-sp: 18px;
  --size-body-pc: 16px;      /* 本文 */
  --size-body-sp: 16px;
  --size-min-pc: 14px;       /* 最小（床。これより小さい値を書かない） */
  --size-min-sp: 14px;

  /* ---- DESIGN.md 3.4 ウェイト / 3.5 行間 -------------------------------- */
  --weight-display: 900;
  --weight-h1: 900;
  --weight-h2: 700;
  --weight-lead: 700;
  --weight-h3: 700;
  --weight-body: 400;
  --weight-min: 400;
  --leading-body: 1.5;
  --leading-heading: 1.3;
  --leading-min: 1.4;

  /* ---- DESIGN.md 4.0 罫線と余白 ----------------------------------------- */
  --stroke-hairline: 1px;   /* カード外枠、区切り、表の罫線 */
  --stroke-control: 2px;    /* 操作要素に限る（入力欄、ボタン、フォーカスリング） */
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;

  /* ---- DESIGN.md 6章 影（適用範囲はFindingカードのみ） ------------------ */
  --elevation-card: 0 2px 6px rgba(35, 32, 28, 0.08);

  /* ---- DESIGN.md 8章 ブレークポイント ------------------------------------ */
  --breakpoint-sp: 767px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1440px;
  --pad-sp: 10px;
  --pad-tablet: 32px;
  --pad-desktop: 40px;

  /* ======================================================================
     TOP固有の実測値（DESIGN.md 未反映）
     Figmaカンプ TOP_PC / TOP_SP の実測。measurements.md の食い違い4件を含む。
     規範へ反映するときは、この塊だけを上のブロックへ畳む。
     ====================================================================== */

  /* 食い違い1：ページの地。DESIGN 2.1 の bg/default は #F4F1EC */
  --top-page-bg: #FCFCFC;
  /* 食い違い2：見出し・本文の文字。DESIGN 2.1 の text/primary は #23201C */
  --top-text: #000000;
  /* 食い違い3：wide の外周余白。DESIGN 8章は160px */
  --top-pad-wide: 60px;
  /* 食い違い4：アクセントの使用箇所。DESIGN 2.9 は1画面あたり1〜2箇所。
     TOPは4箇所（ヘッダの検索ボタン、ヒーローの検索ボタン、
     「トチ感レポート」、「FEEL THE PLACE」）。
     これはCSSの値ではなく注記なので、カスタムプロパティとしては持たない。 */

  /* 上記4件以外の、DESIGN.md に無いTOP固有の実測値 */
  --top-text-footer: #4F4F4F;      /* Figma変数 Gray 2 */
  --top-input-border: #FFB6D4;     /* 検索欄の枠と placeholder */
  --top-mock-placeholder: #F4F4F2; /* レポート画面モックの地 */
  --top-menu-bg: #0F6065;          /* SPハンバーガー展開の地 */

  /* 実測の寸法 */
  --top-content-max: 1480px;       /* 白カードの幅（x60〜1540） */
  --top-card-radius: 40px;
  --top-band-radius-pill: 9999px;  /* デューデリジェンス帯（1024px以上）。高さに追従する真のピル型 */
  --top-band-radius-sp: 40px;      /* デューデリジェンス帯（1023px以下）。角丸矩形 */
  --top-control-h: 46px;           /* 検索欄・検索ボタンの高さ */
  --top-control-radius: 999px;
  --top-photo-size: 258px;
  --top-photo-gap: 50px;
  --top-hero-h-pc: 1088px;
  --top-hero-h-sp: 1096px;
  --top-card-overlap-pc: -339px;   /* カード1がヒーローへ食い込む量 */
  --top-card-overlap-sp: -347px;
}