/* =====================================================================
   赤ちゃん入眠研究所 — デザイントークン
   src/prototype/赤ちゃん入眠研究所.dc.html から**そのまま抜き出した確定値**。

   ★このファイルの値を変えると、確定したデザインが変わる。
     色・書体・角丸・幅を変えたいときは、まず Claude Design のキャンバスを
     直してから、ここへ反映すること。逆順にしないこと。
   ===================================================================== */

:root {
  /* --- 面と文字 --- */
  --bg:   #FFFFFF;   /* 地 */
  --sf:   #FDFBF8;   /* カード面 */
  --soft: #F5EEE4;   /* 沈めた面・タグ背景 */
  --fg:   #2A2521;   /* 本文 */
  --mut:  #7C736B;   /* 補助文字 */
  --ln:   #EBE4DA;   /* 罫線 */

  /* --- 差し色 --- */
  --am:   #C0762A;   /* アンバー：主。リンク・「いま要る」・CTA */
  --amw:  #FAF0E1;   /* アンバーの薄い面 */
  --tag:  #E2373F;   /* タグ・カテゴリ・NEW */
  --bl:   #38B0DE;   /* ブルー：「借りる」「まだ早い」 */

  /* --- ロゴと見出しの5色 --- */
  --c1: #E2373F;  /* 赤 */
  --c2: #F5A11E;  /* 橙 */
  --c3: #17A2A0;  /* 緑 */
  --c4: #38B0DE;  /* 青 */
  --c5: #EF89A5;  /* 桃 */

  /* --- 版面 --- */
  --w: 460px;        /* 本文幅。スマホ1カラム前提 */

  /* --- 角丸（確定版はやわらかい） --- */
  --r-card: 16px;
  --r-box:  14px;
  --r-in:   12px;
  --r-pill: 999px;

  /* --- 書体 --- */
  --f-round: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', sans-serif;  /* 見出し・ロゴ */
  --f-body:  'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', sans-serif;
  --f-mono:  'IBM Plex Mono', ui-monospace, monospace;  /* 数値・実測値・日付 */
}

/* 深夜モード。★既定はライト。prefers-color-scheme では切り替えない
   （確定版はヘッダのトグルだけで切り替わる） */
[data-theme="dark"] {
  --bg:   #14140F;
  --sf:   #1D1D17;
  --soft: #232219;
  --fg:   #EDE9DF;
  --mut:  #ADA89C;
  --ln:   #35342B;
  --am:   #E8A33D;
  --amw:  #2B2418;
  --tag:  #EF7C74;
  --bl:   #7FB4CB;
  --c1: #F0736C;
  --c2: #F0B356;
  --c3: #4FBDB6;
  --c4: #6FC3E6;
  --c5: #F3A4B8;
  color-scheme: dark;
}