/* ==========================================================================
   大阪成蹊学園サイト2026 デザイントークン
   出典: Figma「大阪成蹊学園サイト2026」(ouIKFGcIduccnhU3VafglX)
   デザインカンバス: PC 1280px / SP 750px(=375px表示の@2x)
   ========================================================================== */

:root {
  /* --- カラー(Figma 変数名を併記) --- */
  --color-green-dark: #2d3429;   /* 緑_1   基調のダークグリーン(背景) */
  --color-green-pale: #ccd4ba;   /* 緑3    淡いグリーン(本文・見出し文字) */
  --color-gold: #c6ab6e;         /* 金_bg暗 金アクセント(見出し・罫線) */
  --color-gold-deep: #9a741c;    /* 金_bg明 濃い金(背景用) */
  --color-gold-mark: #e9d79f;    /* マーク_金 校章・マーク用の明るい金 */
  --color-black: #12130f;        /* bk     ほぼ黒(乗算オーバーレイ等) */
  --color-white: #ffffff;        /* 白 */

  /* --- フォントファミリー --- */
  /* 和文セリフ(基本書体): Noto Serif JP — Google Fonts */
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  /* 和文サンセリフ(パンくず・補助UI): Noto Sans JP — Google Fonts */
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  /* 欧文ディスプレイ(英語ラベル): Kings Caslon Display — Adobe Fonts(kit: use.typekit.net/osq6jgd.css / weight 400) */
  --font-display-en: "kings-caslon-display", "Kings Caslon Display", "Times New Roman", serif;
  /* MVコピー(縦書き): Shippori Antique B1 — Google Fonts */
  --font-copy: "Shippori Antique B1", sans-serif;

  /* --- タイポグラフィスケール(PC / Figma 実測値) --- */
  --fs-page-title: 44px;   /* 下層ページタイトル(役員・諮問委員) */
  --fs-heading: 28px;      /* セクション見出し(Noto Serif JP Medium) */
  --fs-copy: 22px;         /* MVコピー(Shippori Antique B1 / lh 28px) */
  --fs-body: 15px;         /* 本文(Noto Serif JP Regular) */
  --fs-label-en: 14px;     /* 英語ラベル(Kings Caslon Display) */
  --fs-caption: 12px;      /* パンくず・キャプション(Noto Sans JP) */

  --lh-body: 1.8;          /* 本文行間 */
  --ls-body: 0.03em;       /* 本文字間(Figma tracking 0.45px @15px) */

  /* --- レイアウト --- */
  --width-canvas-pc: 1280px; /* デザインカンバス幅。コンテンツ実効幅は各セクションで確認 */
  --header-height-pc: 59px;  /* PCヘッダー高さ(Figma 実測) */
}

/*
  ブレークポイント(メディアクエリでは CSS 変数が使えないため定数をここに記録):
  - SP デザインは 375px 表示想定(カンバス 750px @2x)
  - PC デザインは 1280px
  - 切替幅・中間幅の挙動は実装時にクライアント確認のうえ確定する
*/