/*!
 * JAM'S FANDOM — POP の見た目の決まり（017）。TOP（top-pop.css）とサイト全体（018 site-skin.css）で使う変数だけを持つ。
 * 色名・値の正解は docs/design/top-pop-sp.html・top-pop-pc.html の inline style。
 * 文字と地の比は 4.5:1 以上になる組み合わせで使う（下の「文字」の色は、白と 4 色の面の上で確かめた値）。
 */
:root{
  /* 地: 白＋ごく薄い水玉 */
  --pop-bg:#ffffff;
  --pop-dot:rgba(16,61,44,.07);
  --pop-dot-size:20px;

  /* 文字と枠 */
  --pop-ink:#103d2c;         /* 文字・枠・影 */
  --pop-ink-2:#2f5a45;       /* 小さな説明の文字（白・黄・水色・黄緑の上で 4.5:1 以上） */
  --pop-ink-3:#4a5b50;       /* 当月でない日の数字（黄緑の上で 4.5:1 以上。モックの #5a6b60 は 4.3:1 のため濃くした） */
  --pop-on-ink:#ffffff;      /* 濃い緑の上の文字 */
  --pop-on-ink-2:#eaf7b8;    /* 濃い緑のボタンの文字 */
  --pop-sat:#1d5fbf;         /* 土曜 */
  --pop-sun:#b5123f;         /* 日曜・祝日 */

  /* 枠・影・角丸 */
  --pop-line:3px;
  --pop-line-s:2px;
  --pop-shadow:6px 6px 0 var(--pop-ink);
  --pop-shadow-s:4px 4px 0 var(--pop-ink);
  --pop-radius:20px;
  --pop-radius-m:16px;
  --pop-radius-s:14px;
  --pop-radius-xs:12px;
  --pop-pill:999px;

  /* カードの面 */
  --pop-yellow:#ffe14d;
  --pop-sky:#7fd6f5;
  --pop-pink:#ff9ec7;
  --pop-lime:#c5f06a;
  --pop-white:#ffffff;
  --pop-next:#d9f07c;        /* 濃い緑の上の札（NEXT） */
  --pop-hot:#ff6fae;         /* 「あと N 日」の札 */

  /* 023: MV のテレビ（帯の水玉は地より濃い・画面の地は MV が出るまでの色） */
  --pop-tv-dot:rgba(16,61,44,.12);
  --pop-tv-screen:#1b3a2f;
  --pop-tv-screen-dot:rgba(217,240,124,.16);

  /* 予定のカテゴリの点（白・黄緑の上で見分けられる濃さ） */
  --pop-c-live:#a8d922;
  --pop-c-release:#3f8f1f;
  --pop-c-stream:#7a4fd0;
  --pop-c-media:#0f8f80;
  --pop-c-magazine:#1d6fd0;
  --pop-c-goods:#c9601a;
  --pop-c-entry:#c7326a;

  /* 茶番と共犯の 3 つの声 */
  --pop-air-pos:#e2a400;
  --pop-air-neg:#2f6fb5;
  --pop-air-meta:#d7386f;

  /* 見出しの書体（茶番と共犯と同じ読み込みを共用）。本文はテーマのまま */
  --pop-display:'Dela Gothic One','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;

  /* 押せるものの高さ */
  --pop-tap:44px;
}