/* ═══════════════════════════════════════════════════════════
   공통 디자인 토큰
   index.html · manga.html · anime.html 이 모두 불러옵니다.
   색을 바꾸려면 이 파일 한 곳만 고치면 세 화면이 함께 바뀝니다.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* 색 */
  --deep:#06151c;        /* 바탕 */
  --sea:#1aa8dc;         /* 바다색 */
  --sea-bright:#35bdf0;  /* 강조 — 진도 바, 퍼센트, 포인트 */
  --text:#f7fbfd;        /* 본문 글자 */
  --muted:rgba(255,255,255,.66);
  --panel:#0c2029;       /* 카드 면 */
  --line:rgba(255,255,255,.09);
  --tile-bg:#102832;     /* 이미지가 없을 때 타일 바탕 */

  /* 치수 */
  --header-h:64px;
  --pill-h:36px;
}