:root{
  /* ====== Outer background ====== */
  --bg: #141a2a; 
  --card: #ffffff;
  --manu:#f4f6fb;
  --textB: #222222;
  --textW:#ffffff;
  --sub: #666666;
  --line: #dcdfe6;
  --shadow: 0 2px 10px rgba(0,0,0,0.06);

  /* ====== box1(明るめ) ====== */
  --boxBg1: #dcdcdc;
  --boxText1: #222222;
  --boxLine1: #222222;

  /* ====== box2(暗め) ====== */
  --boxBg2: #a9a9a9;
  --boxText2: #222222;

  /* ====== Footer ====== */
  --bgFoot: #222222;
  --textFoot:#cccccc;
  --textCopyRight:#000000;

 
  /* ====== Link ====== */
  --link: #6fa8dc;
  --linkHover: #9fc5e8;
  --linkVisited: #6fa8dc;
  --linkHoverRed:#a10808;
  --linkHoverBlack:#000000;

  /* ====== Link 変化なしver ====== */
  --link2: #222222;
  --linkHover2: #6fa8dc;
  --linkVisited2:#222222;

  /* ====== Lines ====== */
  --lineDark: rgba(255,255,255,.14);
  --linePaper: rgba(15, 23, 42, .12);
  --boxLine: rgba(15, 23, 42, .16);

  /* ====== Accent ====== */
  --accent: #7dd3fc;   /* 水色 */
  --accent2:#a78bfa;   /* 紫 */
  --ok: #34d399;

  --shadow: 0 12px 40px rgba(0,0,0,.28);
  --shadowPaper: 0 14px 40px rgba(0,0,0,.14);

  --radius: 18px;
  
  --btn: #ffffff;
  --btnG:#666666;
  --btnB:#222222;
  --btnText: #222222;
  --btnTextW:#ffffff;
  --btnLink:#03053f;
  --btnLinkHover:#240fe4;
  --btnLine: #cfd3dc;
  --btnLine2:#222222;
  --btnLineBlue:#03053f;
  --primary: #240fe4;
  --primaryText: #fff;


  /* ====== Content (白すぎない紙) ====== */
  --paper: rgba(255,255,255,.84);
  --paper2: rgba(255,255,255,.90);
  

  /* ====== Text on paper ====== */
  --ink: rgba(15, 23, 42, .92);
  --inkMuted: rgba(15, 23, 42, .68);
}