/* ACSEINE — デザイントークン
   骨組みはプロトタイプ v7（白い紙・髪線の罫・直角・影なし）、
   色はブランドの Moodtone.zip の値。
   文字にも使える濃さは -deep の方（白地で 4.5:1 以上）。 */
:root{
  /* Moodtone の色そのもの */
  --grey:#6D6E70;
  --terra:#DD9D87;
  --terra-deep:#B35333;
  --blue:#ADCDE3;
  --blue-deep:#346F98;
  --blue-pale:#E9F6FE;
  --blush:#EDCBBE;
  --wash:#FFFFFF;
  --tint:#F7F7F2;
  --line:#DADBD8;

  /* 文字と面 */
  --ink:#35363A;
  --ink-2:#5E6064;
  --muted:#6D6E70;
  --paper:#FFFFFF;
  --mauve:#346F98;   /* ポイント残高カード。Moodtone の青の濃い版 */

  /* 状態 */
  --sale:#B35333;
  --ok:#2F6A4F;
  --bad:#A33A31;

  /* かたち：角は立てる、影は消す */
  --r-sm:2px; --r:3px; --r-lg:4px;
  --shadow:none;
  --gap:clamp(16px,3vw,28px);
  --page:min(1220px, 100% - clamp(32px,6vw,88px));

  /* 書体
     ラテン＝DB Adman X、タイ＝Kanit（Ruk-com と同じ）。
     仕分けは fonts.css の unicode-range が受け持ちます。
     本文にも Kanit を先に置いたのは、タイ語の書体をページ全体で揃えるためです。
     Sarabun は Kanit が読み込めなかったときの保険で、通常は出番がありません。 */
  --font-display:"DB Adman X","Kanit","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;
  --font-body:"DB Adman X","Kanit","Sarabun","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;

  --t-xs:13px; --t-sm:14px; --t-base:17px; --t-md:19px;
  --t-lg:clamp(22px,2.4vw,26px);
  --t-xl:clamp(28px,4vw,40px);
  --t-2xl:clamp(34px,5.5vw,56px);

  /* プロトタイプ（承認用 v10）が使っている短い別名。
     プロトタイプの CSS を書き換えずにそのまま持ち込めるようにするためのものです。
     値は上の正式なトークンをそのまま指しています。 */
  --fd:var(--font-display);
  --fb:var(--font-body);
  --ink2:var(--ink-2);
}