/* 標準の見た目（10/12 ヨッシー「新規追加は今のカラーや見た目でスタート」）: 明るいミント＋グリーン＋カラフルなグラフ。
   会社ごとの CSS（tenants/{slug}.css）が無い会社と、先頭に「base: standard」と書いた会社の CSS の土台になる。元は guest の見た目（10/11〜10/12） */
:root {
  --bg: #EAF6F0;
  --surface: #FFFFFF;
  --line: #D3E8DD;
  --text: #1E2B26;
  --muted: #5F716A;
  --faint: #BFD9CC;
  --accent: #1E9E6A;      /* 白文字 3.6:1 以上（大きなボタン用） */
  --accent-ink: #FFFFFF;
  --p: #1E9E6A;           /* たんぱく質 */
  --f: #F5A23A;           /* 脂質 */
  --c: #8FD3B4;           /* 炭水化物 */
  --danger: #D9472F;
  color-scheme: light;
}
.top { background: rgba(234, 246, 240, .88); }
.card { box-shadow: 0 6px 20px -14px rgba(30, 80, 60, .35); border-color: transparent; }
.eyebrow { color: #1E9E6A; }
.shoot { background: var(--accent); color: var(--accent-ink); box-shadow: 0 12px 28px -14px rgba(30, 158, 106, .7); }
.bar .col i { background: #B9E2CF; }
.bar.is-today .col i { background: var(--accent); }
input, select, textarea { background: var(--surface); color: var(--text); border-color: var(--line); }
input[type=radio], input[type=checkbox] { accent-color: var(--accent); }
.btn, .btn.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.btn:hover { filter: brightness(1.06); }
.link { color: var(--accent); }

/* 10/12 ヨッシー「緑 1 色過ぎる。もう少しカラフルに。グラフをグラフィカルに」: 項目ごとに色を分け、棒と輪はグラデーション */
:root {
  --p: #e8566f;      /* たんぱく質: ローズ */
  --f: #f5a623;      /* 脂質: アンバー */
  --c: #3b9df2;      /* 炭水化物: ブルー */
  --sugar: #9b6be0;  /* 糖質: パープル */
  --fiber: #2fb36d;  /* 食物繊維: グリーン */
  --salt: #19a7b5;   /* 塩分: ティール */
  --ring1: #2fb36d; --ring2: #9b6be0;   /* 大きな輪: 緑 → 青 → 紫（輪の中で変わる） */
  --bar1: #5bc0f5; --bar2: #1e9e6a;     /* 日ごとの棒: 空色 → 緑 */
  --kcal1: #a6e2c6; --kcal2: #1e9e6a;   /* この食事の棒（目安の中）: ミント → 緑。超えると黄 → 橙 → 赤 */
}
.bar .col i, .bars7 i { background: linear-gradient(180deg, #f5a623, #5bc0f5 55%, #1e9e6a); }
.bar.is-today .col i { background: linear-gradient(180deg, #e8566f, #9b6be0 50%, #2a7fd6); }
.bars7 i.hi { background: linear-gradient(180deg, #e2483a, #f0a040 50%, #f3d04f); }
.hbars .ht i { background: linear-gradient(90deg, #1e9e6a, #5bc0f5 55%, #f5a623); }
.bar .col i, .bars7 i { box-shadow: 0 4px 10px -6px rgba(30, 80, 160, .45); }
.bars .target { border-top-color: #e8566f; }
.circ.w { border-color: #f5a623; } .circ.f { border-color: #2fb36d; }
/* カードごとに見出しの色を変える */
.week-card .eyebrow { color: #3b9df2; }
.hero-card .eyebrow { color: #1e9e6a; }
.totals .eyebrow { color: #9b6be0; }
.goal .eyebrow, .goal-staff .eyebrow { color: #e8566f; }
.body .eyebrow { color: #f5a623; }
.review-card .eyebrow { color: #19a7b5; }
.badge-card .medal span { color: #c76e12; }
/* 管理ページの数字 */
.kpis .kpi:nth-child(1) b { color: #3b9df2; } .kpis .kpi:nth-child(2) b { color: #1e9e6a; } .kpis .kpi:nth-child(3) b { color: #9b6be0; }
.kpis .kpi:nth-child(4) b { color: #19a7b5; } .kpis .kpi:nth-child(5) b { color: #f5a623; } .kpis .kpi:nth-child(6) b { color: #e8566f; }
.kpi { border-top: 3px solid var(--line); }
.kpis .kpi:nth-child(1) { border-top-color: #3b9df2; } .kpis .kpi:nth-child(2) { border-top-color: #1e9e6a; } .kpis .kpi:nth-child(3) { border-top-color: #9b6be0; }
.kpis .kpi:nth-child(4) { border-top-color: #19a7b5; } .kpis .kpi:nth-child(5) { border-top-color: #f5a623; } .kpis .kpi:nth-child(6) { border-top-color: #e8566f; }
.sug .opt .ic { background: #3b9df2; }
.sug .opt:nth-child(2) .ic { background: #e8566f; }
.chip.warm { background: #fdebd3; color: #c76e12; }
.ring.over .rbig { color: #c76e12; }
:root { --ring-mid: #3b9df2; }
/* 10/12 ヨッシー「1 色過ぎる。全部同じ。ベタ塗り」: 記録が 0 でも色が見えるように、輪の土台・カード・数字にも色を付ける */
:root { --track1: #d6f0e3; --track2: #e4ddfb; }
.pfc-rings .pr:nth-child(1) b { color: #e8566f; } .pfc-rings .pr:nth-child(1) .mring .bg { stroke: #f8cfd8; }
.pfc-rings .pr:nth-child(2) b { color: #d9870f; } .pfc-rings .pr:nth-child(2) .mring .bg { stroke: #fbdca6; }
.pfc-rings .pr:nth-child(3) b { color: #2a7fd6; } .pfc-rings .pr:nth-child(3) .mring .bg { stroke: #bfdcfb; }
.mring i { color: var(--text); }
:root { --pp: #f47a7a; --pf: #f7c531; --pc: #2f78c4; } /* PFC の円グラフ（10/19 ヨッシーの見本の色） */
.plegend .p .pn { color: #e8566f; } .plegend .f .pn { color: #d9870f; } .plegend .c .pn { color: #2a7fd6; }
/* 今週の帯: 未来は青の点線、記録した日は緑→青、今日はローズの輪 */
.wkdots i { border-color: #bfdcfb; color: #7fb0e8; }
/* 記録した日はオレンジ（10/12 ヨッシー「緑過ぎる」）: 1 食は薄いオレンジ、2 食以上は濃いオレンジ */
.wkdots i.ok { background: #f28c28; color: #fff; }
.wkdots i.part { background: #fde1c3; color: #c76e12; }
/* 日ごとの棒: 曜日ごとに色を変える（虹色）。今日は濃く */
.bar:nth-child(7n+1) .col i { background: linear-gradient(180deg, #ff9f6e, #e8566f); }
.bar:nth-child(7n+2) .col i { background: linear-gradient(180deg, #ffd36e, #f5a623); }
.bar:nth-child(7n+3) .col i { background: linear-gradient(180deg, #c6f09a, #2fb36d); }
.bar:nth-child(7n+4) .col i { background: linear-gradient(180deg, #9fe7ef, #19a7b5); }
.bar:nth-child(7n+5) .col i { background: linear-gradient(180deg, #9fd0fb, #3b9df2); }
.bar:nth-child(7n+6) .col i { background: linear-gradient(180deg, #d4bdff, #9b6be0); }
.bar:nth-child(7n+7) .col i { background: linear-gradient(180deg, #ffb3c6, #e8566f); }
.bar.is-today .col i { background: linear-gradient(180deg, #e8566f, #9b6be0 50%, #2a7fd6); box-shadow: 0 6px 14px -6px rgba(120, 60, 200, .6); }
.bar .val { color: var(--text); font-weight: 700; }
.bars7 div:nth-child(1) i { background: linear-gradient(180deg, #ff9f6e, #e8566f); } .bars7 div:nth-child(2) i { background: linear-gradient(180deg, #ffd36e, #f5a623); }
.bars7 div:nth-child(3) i { background: linear-gradient(180deg, #c6f09a, #2fb36d); } .bars7 div:nth-child(4) i { background: linear-gradient(180deg, #9fe7ef, #19a7b5); }
.bars7 div:nth-child(5) i { background: linear-gradient(180deg, #9fd0fb, #3b9df2); } .bars7 div:nth-child(6) i { background: linear-gradient(180deg, #d4bdff, #9b6be0); }
.bars7 div:nth-child(7) i { background: linear-gradient(180deg, #ffb3c6, #e8566f); }
.bars7 i.no, .bar.none .col i { background: transparent; }
.wk3 div:nth-child(1) { background: #e8f3fe; border-color: #bfdcfb; } .wk3 div:nth-child(2) { background: #e6f7ec; border-color: #bfe6cf; } .wk3 div:nth-child(3) { background: #fff4e0; border-color: #fbdca6; }
.hbars .ht { background: #e8f3fe; }
/* 体重: 円に色の土台 */
.circ.w { background: linear-gradient(180deg, #fff, #fff4e0); } .circ.f { background: linear-gradient(180deg, #fff, #e6f7ec); }
.bchart .area { opacity: .18; }
/* 管理者: 会員の目標・平均の数字にも色 */
.breakdown .dish { box-shadow: 0 6px 20px -14px rgba(30, 80, 60, .35); border-color: transparent; }

/* 10/12: 進み具合の棒・食事の時刻の点（曜日の色）・今月のカレンダー */
.pbar i { background: linear-gradient(90deg, #5bc0f5, #1e9e6a); } .pbar b { border-color: #1e9e6a; }
.tline .strip b.d1 { background: #ff8a65; } .tline .strip b.d2 { background: #f5a623; } .tline .strip b.d3 { background: #2fb36d; } .tline .strip b.d4 { background: #19a7b5; }
.tline .strip b.d5 { background: #3b9df2; } .tline .strip b.d6 { background: #9b6be0; } .tline .strip b.d7 { background: #e8566f; }
.mcal i.ok, .mcal a:not(.part) { background: #f28c28; color: #fff; } .mcal i.part, .mcal a.part { background: #fde1c3; color: #c76e12; }
.month-card .eyebrow { color: #f28c28; }