/* =========================
   カラーバリアブル（ライト）
========================= */
:root {
  /* 基本 */
  --bg-main: #ffffff;
  --bg-sub: #f9f9f9;
  --text-main: #333333;
  --text-link: #0066cc;

  /* ボーダー */
  --border-main: #cccccc;
  --border-accent: #a5d8ff;

  /* アクセント */
  --accent-light: #e5f3ff;
  --accent: #cdedff;
  --accent-hover: #b5e1ff;
  --accent-text: #004b7f;

  /* details */
  --details-bg: #f0f8ff;

  /* 影 */
  --shadow-hover: 0 0 5px rgba(0, 128, 255, 0.3);

  /* back to top */
  --btn-bg: #333333;
  --btn-icon: #ffffff;
}