/* ==========================================================================
   AOKI TRAVEL — design tokens
   Source: デザイン憲法（配色・タイポ・余白・モーションの実測トークン）
   ========================================================================== */
:root{
  /* 配色（実測・役割） */
  --white:#ffffff;
  --paper:#fbf2e7;      /* 紙色の交互地 */
  --ink:#1b232b;        /* 墨・紺帯・一覧カード本体 */
  --ink-2:#474747;      /* 弱い墨 */
  --olive:#464a31;      /* フッター・帯・secondary */
  --buff:#ebd999;       /* タグ・紙フレーム・帯の縁 */
  --orange:#b65f04;     /* 主役：CTAの地・下線・バー（塗り用） */
  --orange-2:#8f4a03;   /* hover */
  --orange-text:#a55605;/* 文字用の橙。#b65f04 は紙色地で4.10:1しか出ないため小文字はこちら（白5.34 / 紙4.82＝AA） */
  --line:#d3d3d3;       /* 装飾の罫線 */
  --line-strong:#8f8f8f;/* フォーム枠など操作部品の境界（白3.23:1＝非文字AA） */
  --gold:#dfad55;
  --green:#97a357;
  --slate:#6d7e8c;
  --day:#6b7280;        /* 日程のDayラベル */

  /* タイポ（和文ゴシック／セリフ／筆記体の三段） */
  --font-body:"Karla","Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic",system-ui,sans-serif;
  --font-serif:"Fraunces","Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --font-script:"Caveat","Zen Kurenaido","Hiragino Mincho ProN",cursive;

  --fs-body:16px;  --lh-body:1.6;
  --fs-small:14px; --lh-small:1.6;
  --fs-xs:12px;
  --h-xs:20px;  --h-sm:25px;  --h-md:29px;  --h-lg:34px;  --h-xl:40px;
  /* 筆記体は「主役」ではなく見出しに添える装飾（実測14サイト：FVで筆記体を主役にした例は0件） */
  --script-inline:26px;  --script-section:30px;  --script-day:26px;
  --script-hero:clamp(52px,8.6vw,124px);  /* FVの英語＝主役（あおき指定・2026-09-04） */

  /* 形 */
  /* 角丸は編集寄りに締める（8/6px は既製品の顔になりやすい） */
  --radius:4px; --radius-sm:2px; --pill:999px;
  /* 影のぼかしは最大8px（上位ブランド14件の実測上限。20pxは既製テンプレの顔になる） */
  --shadow-card:0 0 4px rgba(27,35,43,.09), 0 2px 4px rgba(27,35,43,.09);
  --shadow-lift:0 0 4px rgba(27,35,43,.12), 0 4px 8px rgba(27,35,43,.12);
  --hairline:rgba(27,35,43,.12);
  --shadow-link:0 2px 0 var(--orange);
  --focus:0 0 0 2px var(--ink) inset;

  /* 余白グリッド（実測） */
  --container:1440px;
  --container-md:1236px;
  --grid:1103px;
  --text:800px;
  --gutter:24px;
  --sec-pt:70px;  --sec-pb:100px;   /* 掲載誌 pt70/pb100 */
  --head-mt:48px; --head-mb:60px;   /* 見出しブロック */
  --list-pt:30px;

  /* モーション（実測：hover .15s / opacity .25s / transform .5s） */
  --t-fast:.15s; --t-mid:.25s; --t-slow:.5s;
  --ease:cubic-bezier(.645,.045,.355,1);
  --fade:.6s;
}
@media (max-width:1023px){
  :root{ --script-hero:clamp(48px,9vw,96px); --script-section:28px; --h-xl:34px; --h-lg:30px; --sec-pt:56px; --sec-pb:76px; --head-mb:44px; }
}
@media (max-width:767px){
  :root{ --script-hero:clamp(38px,11.2vw,58px); --script-section:24px; --script-inline:22px; --h-xl:28px; --h-lg:26px; --h-md:24px; --h-sm:21px; --sec-pt:44px; --sec-pb:56px; --head-mt:32px; --head-mb:32px; --gutter:20px; }
}