/* 橘林コーポレートサイト 共通デザイントークン
   index.html / privacy.html / thanks.html すべてがこの 1 ファイルを唯一の出典とする。
   ページ側で色・書体・寸法を再定義しないこと。 */

:root {
  --deep: #0c3a2a;
  --deep-2: #092d21;
  --kitsurin: #175239;
  --ivory: #f3f0e8;
  --ivory-hi: #faf8f2;
  --ink: #15211b;
  --ink-soft: #515d56;
  --ink-faint: #68736c;
  --mist: #dde4de;
  --sky: #cfe4ec;
  /* ヒーローの見出しパネルと SCROLL ボタンが共有する面。値はここ1箇所で決める。 */
  --panel-bg: rgba(250, 248, 242, 0.82);
  --sun: #e4cf9e;
  --line: rgba(21, 33, 27, 0.16);
  --line-dark: rgba(250, 248, 242, 0.22);
  --font-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-en: "Manrope", sans-serif;
  --page-x: clamp(40px, 5.5vw, 88px);
  --section-y: clamp(48px, 3.8vw, 60px);
  --max: 1520px;
  --header-h: 72px;
  --sticky-top: calc(var(--header-h) + 34px);
  --sticky-max-h: calc(100svh - var(--sticky-top) - 32px);
  /* ラベル系の下限。英字トラッキングラベルは 10px、日本語を含む補助テキストは 11px を下回らせない。 */
  --fs-micro: 10px;
  --fs-caption: 11px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
}