/*
  色と書体の1か所（設計書 §9-1「tokens.css：v38 の :root を写す」2026-09-23）。
  なぜ：ページ内 <style> に色を直書きすると、63枚で147色に膨らんだ（地雷マップ第2部「Astro」）。
  部品もページも、ここの名前だけを使う。

  上の段：v38 の :root そのまま（src/styles/cambodia.css 1行目と 216行目）。値を変えない。
*/
:root {
  --paper: #fffdf7;
  --ink: #253e3c;
  --blue: #244d49;
  --coral: #b85438;
  --yellow: #ddb36b;
  --green: #06c755;
  --line: #d5d9cc;
  --muted: #596761;
  --serif: 'Noto Serif JP', serif;
  --sans: 'Noto Sans JP', sans-serif;
  --brand-teal: #008fa5;

  /*
    下の段：共通部品（ヘッダー・フッター・チケット）が v38 と同じ見た目を出すのに要る色。
    値は v38 の style.css の該当箇所から写した（行は各行の右）。部品の <style> に hex を書かないためにここへ置く。
  */
  --line-shadow: #048d3c;          /* LINE ボタンの下の影（v37 .nav-cta box-shadow） */
  --line-pressed: #05b94f;         /* LINE ボタンを押した色（v37 .nav-cta:active） */
  --header-scrolled: rgba(255, 253, 247, 0.97); /* 下へ送ったあとのヘッダーの地（v37 .is-scrolled） */
  --header-rule: #244d491c;        /* 同じく下の細線（v37） */
  --footer-bg: #193c38;            /* フッターの地（v38 .site-footer） */
  --footer-soft: #b7c9bf;          /* フッターの小さい字（v38 .site-footer>p） */
  --ticket-paper: #fffaf0;         /* 切符の紙（v35 .travel-ticket） */
  --ticket-band: #d9e4d6;          /* 切符の上の帯（v35 .ticket-top） */
  --ticket-band-rule: #b6c8b3;     /* 帯の下の線（v35） */
  --ticket-stub: #f1ead9;          /* 切符の下の帯（v35 .ticket-bottom） */
  --ticket-perforation: #b7bfae;   /* ミシン目（v35 .days-head border-right） */
  --ticket-ink-soft: #667365;      /* 等幅の小さい札（v35 .ticket-fields span） */
  --ticket-accent: #a85437;        /* 行き先の矢印・DAY の色（v35 .ticket-route i） */
  --ticket-shadow: #102e2726;      /* 切符の影（v35 .travel-ticket box-shadow） */
  --mono: 'Courier New', monospace; /* 切符の等幅文字（v35） */

  /*
    フッター専用の名前（2026-09-23）。なぜ --paper や --serif を使わないか：
    /thailand/ の CSS（チェンライ編LPのまま）が :root で --paper --ink --green --serif --sans を別の値に上書きする。
    共通フッターが同じ名前を使うと、/thailand/ でだけ色と書体が変わる。値は上の段と同じ。
  */
  --footer-text: #fffdf7;
  --footer-brand: #008fa5;
  --footer-serif: 'Noto Serif JP', serif;
  --footer-sans: 'Noto Sans JP', sans-serif;

  /*
    国ごとの差し色（設計書 `共通LP_デザイン全面刷新_20260924.md` §6、Fable 2026-09-24）。
    渡邉さん（2026-09-24）「国が違うんだから、その国ごとの特徴がカードにもっと出た方が『いろんな国でやってくれるんだな』という感覚が伝わる」。
    使うのはチケット・教室のある国々・FV のスタンプだけ（§6）。本文の地は生成りのまま。
  */
  --kh: #008fa5;        /* キミタビの青緑（v38・チラシ） */
  --kh-soft: #dff2f5;
  --th: #1f4d3a;        /* チェンライ編の深緑 */
  --th-accent: #b3261e; /* チェンライ編の赤（民族柄の差し色） */
  --th-soft: #e7efe9;
  --vn: #c98a1b;        /* ホーチミンの黄土（ベトナムLPが無いので Fable が決めた） */
  --vn-soft: #f6ecd4;
  --vn-deep: #7a5210;   /* 黄土の上に字を置くと読めない（白で 3.0：1）。字と札はこの濃い版で（2026-09-24 Opus、設計書に無い色＝仮置き） */

  /* 夜明け前の色（設計書 §3-1「夜明け前（青みが強く暗い）→ 朝焼け」）。FV の絵に掛ける藍の膜。画像を2枚用意しない */
  --dawn-night: #14254a;
  /* 2026-09-24 スマホの FV：絵（fv-main.jpg）の上端の空と、地平線あたりの色。文の後ろの地に使う */
  --fv-sky: #80afc8;
  --fv-sky-low: #dad6d1;

  /*
    余白の段（2026-09-24）。キミタビ本体（マイタビ）の tokens.css の11段と同じ値。
    なぜ：CLAUDE.md「余白は tokens.css の段だけ」（2026-09-16 に931か所を寄せた）。このリポジトリには段が無かった。
    編集誌の組版（設計書 §0-0「余白は惜しまない」）に要る大きい段（96・128・160）を下に3つ足した。
  */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 20px;  --s-6: 24px;  --s-8: 32px;  --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px;
  --s-24: 96px; --s-32: 128px; --s-40: 160px;

  /* 動きの言語は1つ（設計書 §0-0「登場は 下から 24px・0.7 秒・cubic-bezier(.2,.7,.2,1) に統一」） */
  --arrive-ease: cubic-bezier(.2, .7, .2, 1);
  --arrive-time: .7s;
  --arrive-rise: 24px;
}
.common-footer[data-astro-cid-jo6i4kqk] {
  position: static;
  border: 0;
  margin: 0;
  padding: 50px 7%;
  background: var(--footer-bg);
  color: var(--footer-text);
  font-family: var(--footer-sans);
  line-height: 2;
  letter-spacing: normal;
}

.common-footer-brand[data-astro-cid-jo6i4kqk] {
  font: 700 25px var(--footer-serif);
  letter-spacing: .15em;
  color: var(--footer-brand);
  text-decoration: none;
}

.common-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 25px;
  margin: 25px 0;
  font-size: 12px;
}

.common-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
  color: inherit;
  text-decoration: underline;
  display: inline-block;
  padding: 6px 0;
}

.common-footer[data-astro-cid-jo6i4kqk] small[data-astro-cid-jo6i4kqk] {
  font-size: 11px;
  color: var(--footer-soft);
}

a[data-astro-cid-jo6i4kqk]:focus-visible {
  outline: 3px solid var(--footer-brand);
  outline-offset: 5px;
}

@media (width <= 767px) {
  .common-footer[data-astro-cid-jo6i4kqk] {
    padding: 40px 7%;
  }

  .common-footer-brand[data-astro-cid-jo6i4kqk] {
    font-size: 22px;
  }

  .common-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk] {
    gap: 4px 18px;
    font-size: 13px;
  }

  .common-footer[data-astro-cid-jo6i4kqk] nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
    padding: 10px 0;
  }
}