/* 色・書体・寸法の正本。見た目の値を変える時は、まずここ。 */
:root{
  /* 色 */
  --ground:#FFFFFF;            /* 地（白基調） */
  --ground-soft:#F6F6F4;
  --ink:#161616;               /* 文字 */
  --sub:#4A4A4A;
  --tile:#F0F0EE;              /* 写真が入る前の部屋 */
  --gold:#AC8700;              /* 金の線 */
  --gold-light:#C9A24A;
  /* 光の色味（「Design.」）：朝の光の琥珀を、文字として読める濃さへ寄せた階調 */
  --light-text:linear-gradient(100deg,#B98A3E 0%,#CFA35A 38%,#D9B26E 55%,#C4974B 100%);
  /* 本文の中で光らせる言葉（MESSAGE）：白い地の上で読める、濃い金 */
  --key-text:linear-gradient(100deg,#8A6510 0%,#A27A1C 45%,#AC8526 60%,#8F6A14 100%);
  --line-gold:linear-gradient(90deg,rgba(172,135,0,0),rgba(201,162,74,.9) 14%,rgba(172,135,0,1) 50%,rgba(201,162,74,.9) 86%,rgba(172,135,0,0));
  --glow:radial-gradient(closest-side,rgba(255,214,150,.62),rgba(255,226,172,.30) 38%,rgba(255,236,205,0) 72%);

  /* 書体（確定：Barlow Condensed・中） */
  --disp:"Barlow Condensed",sans-serif;
  --disp-weight:400;
  --disp-spacing:.01em;
  --jp:"Noto Sans JP",sans-serif;
  --jp-weight:400;

  /* 寸法 */
  --radius:12px;               /* 部屋の角 */
  --header-h:88px;
  --side:30px;
  --fs:100px;                  /* 「Wellness Design.」の大きさ。画面に合わせて js/plan.js が入れる */

  /* 動き */
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}
@media (max-width:767px){      /* js/config.js の mobileBelow と同じ幅 */
  :root{--header-h:64px;--side:16px}
}