/* 加速キッチンの素粒子・宇宙の話 — 番組トップ（style.css）と各話ページ（episode.css）で共通のデザインの値
   色・書体・動き。ページごとの値（プレーヤーの高さなど）は、それぞれの CSS の :root に書く。 */

:root {
  /* 夜空（背景） */
  --night: #0b1630;
  --night-2: #10213f;
  --night-3: #1a2f57;
  --ink: #f6f1e7;        /* 夜の背景の上の文字 */
  --muted: #b3c0dc;      /* 夜の背景の上の控えめな文字 */
  --night-mut: #8a9ac0;  /* 夜の背景の上の、さらに控えめな文字（注記・コピーライト） */

  /* 番組の色 */
  --pink: #ff5c8d;
  --pink-deep: #e63d72;
  --pink-hi: #ff85a8;    /* ピンクのボタンのホバー（濃い文字のまま読める明るさ） */
  --cyan: #2aa8cc;
  --cyan-hi: #5cd0ee;
  --gold: #ffd166;

  /* 紙（カード・ふきだし・フォーム） */
  --paper: #f7eedc;
  --paper-2: #fff8ea;
  --paper-ink: #2a2233;  /* 紙の上の文字 */
  --paper-sub: #5a4a63;  /* 紙の上の、少し控えめな文字 */
  --paper-mut: #6b5a74;  /* 紙の上の控えめな文字 */

  /* 読みやすさ（コントラスト 4.5:1 以上）を確かめた文字色 */
  --on-pink: #0b1630;    /* ピンクのボタン・バッジの上の文字（#ff5c8d 上で 6.1:1） */
  --pink-ink: #c8295a;   /* 紙の上のピンク文字 */
  --cyan-ink: #16708a;   /* 紙・明るい背景の上の水色文字 */
  --err: #b8234f;        /* エラー文 */

  /* キッチンの木 */
  --wood: #c07a3a;
  --wood-dk: #7c4a1f;

  /* 書体：見出しは Zen Maru Gothic 900、本文は Zen Kaku Gothic New、数字やラベルは DotGothic16 */
  --f-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  --f-body: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-dot: "DotGothic16", monospace;

  --ease: cubic-bezier(.22, 1.2, .36, 1);
  --radius: 22px;
  --gutter: clamp(16px, 4vw, 48px);
}