/* みっけて三次の色（2026-10-22 ユーザー指示「三次らしいもの〔霧の海・鵜飼・ワイン〕を使いたい。さし色も変えて」）。
   style.css のあとに読む（app/sites.php の theme。庄原は読まない）。部品の形はそのままで、色の変数だけを三次の色にする。
   ワイン＝主役（押せるもの・「あと何日」「今日」の札。白い文字で 8 以上）、霧の海の水色＝選んでいる所・ホバー・案内、
   鵜飼のかがり火の金＝きらめき（庄原のからし色の役）、地は霧の朝の少し青みのある白。暗い面は作らない（庄原と同じ方針） */
:root {
  --bg: #f6f9fa;            /* 地: 霧の朝の白 */
  --paper-2: #fbfdfd;
  --tint: #e8f1f5;          /* 霧の水色のうすい地 */
  --tint-rice: #fff1d8;     /* かがり火のうすい地（お知らせ・AI のひとことの札） */

  --c-forest: #8e2f4f;      /* ワイン（押しボタン・選択中・「あと何日」の札） */
  --c-forest-2: #c76b86;    /* ワインの明るい側（グラデーションの始まり） */
  --c-forest-dark: #74243f; /* 押したとき・ホバーの濃いワイン */
  --c-rice: #e9a33b;        /* かがり火の金（きらめき） */
  --c-rice-light: #ffcf73;
  --c-rice-dark: #d48a1f;

  --hover-bg: #edf4f8;      /* 霧（ホバー） */
  --on-bg: #d4e7f1;         /* 霧の水色（選んでいる所） */
  --on-text: #1d4a66;       /* 霧の水色の上の文字（7 以上） */
  --on-line: #a8cbe0;

  --grad-retro: linear-gradient(90deg, #a8cbe0, #6f9fbf 30%, #8e2f4f 65%, #e9a33b); /* ヘッダーの下の線: 霧 → ワイン → かがり火 */
}
.bg-fx { background: linear-gradient(180deg, #fbfdfe, var(--bg) 45%); }
.orb-1 { background: radial-gradient(circle, rgba(168, 203, 224, .16), transparent 62%); }
.orb-2 { background: radial-gradient(circle, rgba(142, 47, 79, .04), transparent 62%); }
.orb-3 { background: radial-gradient(circle, rgba(233, 163, 59, .06), transparent 62%); }