/* ==========================================================================
   /article セクション パレット — uiro/index.html の THEME ブロックと
   完全に同一の値。ロゴ確定時に小豆色ファミリーを追加した際は、
   両方のファイルに同じ変更を反映すること。

   このファイルが /article 配下で生の16進色を書いてよい唯一の場所。
   article.css 側は var(--...) しか参照しない。
   ========================================================================== */
:root{
  /* 主役：外郎の焦茶 */
  --brand:        #583822;
  --brand-deep:   #3A2415;
  --brand-tint:   #E7DCCE;
  /* 添え：若苔 */
  --accent:       #839B5C;
  --accent-deep:  #5A723E;
  --accent-tint:  #E2E9D2;
  /* ロゴ：小豆 */
  --azuki:        #7C4750;
  --azuki-dark:   #683A43;
  --azuki-darker: #552E36;
  --azuki-light:  #E9DADD;
  /* 地と文字 */
  --ink:          #241A12;
  --sub:          #6B5F51;
  --paper:        #EBE8DC;
  --surface:      #FBFAF4;
  --line:         #D6D0C0;
  /* ボタン・状態 */
  --cta-bg:       var(--brand);
  --cta-fg:       #FBFAF4;
  --danger:       #A5432E;

  --r-s: 4px;
  --r-m: 8px;
  --r-l: 14px;

  /* ここから下は /article 専用の追加。uiro/index.html の THEME ブロックには
     無くてよい(パレットではなく、フォーム面の形と影のため)。 */
  --r-field:  12px;   /* 入力欄 */
  --r-panel:  22px;   /* フォームなど面の大きいパネル */
  --r-pill:   999px;  /* 送信ボタン */
  --shadow-card: 0 1px 2px rgba(36,26,18,.04), 0 14px 32px rgba(36,26,18,.08);

  --f-jp-w3: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;
  --f-jp-w6: "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --f-en: "Archivo", "Helvetica Neue", Arial, sans-serif;
}