/* ============================================================
   サイトの色の設定ファイル（色はここだけを変える）
   - 色を変えたいときは、この :root の中の値だけを書き換えます。
   - style.css 内の色は、すべてここの変数（var(--c-...)）を参照しています。
   - 例外: トップの数字アイコン(img/home/service-*-num.svg)は画像のため別管理です。
   ============================================================ */
:root {
  /* メインカラー（緑） */
  --c-primary:            #0FA36A; /* ヘッダー・ボタン・見出しなどの基本の緑 */
  --c-primary-hover:      #0DB775; /* ボタンにマウスを乗せたとき */
  --c-primary-pressed:    #0C8355; /* ボタンを押したとき */
  --c-primary-dark:       #0A8A4B; /* トップ右パネルなどの濃い緑 */
  --c-primary-tint:       #E9F5F0; /* 白ボタンのホバー背景（淡い緑） */
  --c-primary-tint-strong:#C6E5D8; /* 白ボタンの押下背景 */
  --c-accent:             #10DF79; /* ニュース見出しの明るい緑 */

  /* 背景・線 */
  --c-bg-green:           #D0E0D0; /* 淡い緑の背景 */
  --c-bg-mint:            #CCEBDF; /* トップの薄いミント色の帯 */
  --c-line-green:         #D5E3DE; /* 緑系の罫線 */
  --c-bg-brown:           #FAF8F5; /* ベージュの背景 */
  --c-bg-brown2:          #E5E1DB; /* 濃いベージュ・点線 */

  /* データ出力ページ（/dataoutput）専用の緑 */
  --c-data-dark:          #0D4B00; /* 濃い緑 */
  --c-data-light:         #76AA6C; /* 淡い緑 */

  /* 文字の大きさ（全ページの文字が一括で変わる） */
  --font-scale:           1;       /* 1=現状。1.1にすると全体の文字が10%大きくなる。PC・スマホ両方に効く */

  /* 文字・その他 */
  --c-text:               #26201F; /* 本文の文字色 */
  --c-orange:             #FA8900; /* オレンジ */
  --c-error:              #B4251E; /* エラー表示 */
}