@charset "UTF-8";

/* ============================================================
   SOPHIA スタッフ管理アプリ／業務管理システム（第1段階）
   基本配色確定 ワイヤーフレーム 第4試作
   theme_STAFF.css ／ 色だけを書くファイル

   ・このファイルが、この試作で色の値を持つ唯一のファイルです
   ・styles_STAFF.css ／ 各HTML ／ calendar_STAFF.js は
     色の値を1つも持ちません。すべて下の変数を参照します

   ・ここに入っているのは【柔らかピンク】です。
     第3試作でもう一方の案と実画面で見比べたうえで、
     2026年9月6日に SOPHIA スタッフアプリの基本配色として
     正式採用されました。比較用の別案は入っていません。

   ・方向：ミルク系アイボリー ＋ 柔らかいくすみピンク
           ＋ ローズ ＋ 白 ＋ 読みやすい濃色文字

   ・色を微調整するときは、この22個の値だけを書き換えてください。
     HTML と JavaScript は1文字も触る必要がありません。
   ============================================================ */


/* ============================================================
   基本配色：柔らかピンク（正式採用）
   ============================================================ */

:root{

  /* ---- 地と面 ---- */
  --色-背景:        #FDFAF5;   /* ミルク系アイボリー：画面全体の地色 */
  --色-面:          #FFFFFF;   /* 白：カード・カレンダーの面 */

  /* ---- 文字 ---- */
  --色-文字:        #3E3236;   /* やわらかい濃色：本文 */
  --色-文字薄:      #756A64;   /* 茶グレー：注記・凡例 */
  --色-強調:        #8C5566;   /* ローズベージュ寄りの濃いローズ：見出し・重要部分 */

  /* ---- 線 ---- */
  --色-罫線:        #EDE0D9;   /* ベージュ寄りの線 */

  /* ---- アクセント ---- */
  --色-アクセント:  #E3B5B8;   /* 柔らかいくすみピンク */
  --色-アクセント面:#FBEEEE;   /* ごく淡いピンク：面 */

  /* ---- 見出し帯 ---- */
  --色-見出し帯:    #8C5566;
  --色-見出し帯文字:#FDFAF5;

  /* ---- 入口ボタン ---- */
  --色-入口面:      #FFFFFF;
  --色-入口文字:    #8C5566;
  --色-入口枠:      #E3B5B8;

  /* ---- カレンダー ---- */
  --色-今日:        #FBEEEE;   /* 今日のマスの面 */
  --色-時間:        #6F6165;   /* 勤務可能時間の文字 */
  --色-昼文字:      #8C5566;   /* 昼の印の文字 */
  --色-昼面:        #FBEEEE;   /* 昼の印の面 */

  /* ---- シフト記号（意味は形で伝え、色は補助です）---- */
  --色-記号-可:      #8C5566;  /* まる　　勤務可能 */
  --色-記号-条件付:  #AE5C6E;  /* さんかく 条件付き勤務可能（最も目立たせます）*/
  --色-記号-不可:    #857A74;  /* ばつ　　勤務不可 */
  --色-記号-未入力:  #9E938C;  /* よこ棒　未入力（未提出）*/

  /* ---- 押せない要素 ---- */
  --色-使用不可:    #948981;

}


/* ============================================================
   参考：この配色の読みやすさ（文字と背景の明るさの差）

     本文 ／ 背景                11.77
     本文 ／ カード面            12.25
     見出し・重要部分 ／ 背景     5.59
     見出し帯の文字 ／ 帯         5.59
     補足の文字 ／ 背景           5.04
     時間の文字 ／ カード面       5.88
     昼の文字 ／ 昼の面           5.15
     まる ／ カード面             5.82
     さんかく ／ カード面         4.61
     ばつ ／ カード面             4.17
     未入力 ／ カード面           3.00
     押せない表示 ／ 背景         3.28

   本文は4.5以上、大きめの文字は3.0以上が目安です。
   値を変えたときは、再測定して記録してください。
   ============================================================ */