@charset "UTF-8";
/*
 * variables.css
 * CSS変数（カスタムプロパティ）の一元管理
 * ルール: サイト全体で複数ファイル・複数箇所にまたがる値のみここで定義する
 *
 * @package ds-basketballclub-2026
 */

:root {

	/* =============================================
	   カラー
	   ============================================= */
	--color-bg:       #0A0E18;               /* 背景黒 */
	--color-accent:   #D7F902;               /* 黄緑アクセント */
	--color-white:    #FFFFFF;
	--color-black:    #000000;
	--color-gray-1:   #4A4F5C;
	--color-gray-2:   #707070;
	--color-gray-3:   #9A9A9A;
	--color-gray-4:   #A0A0A0;
	--color-offwhite: #F1F0EE;
	--color-cyan:     #72EBFA;               /* 水色 */
	--color-navy:     #001F7B;               /* ネイビー */
	--color-red:      #E40013;
	--color-orange:   #F8603F;
	--color-yellow:   #FEE006;
	--color-overlay:  rgba(0, 0, 0, 0.80);  /* モーダルオーバーレイ */
	--color-bullet:   rgba(255, 255, 255, 0.5); /* スライダー非アクティブドット */

	/* =============================================
	   フォント
	   ============================================= */
	--font-en:  'Barlow Condensed', sans-serif;
	--font-ja:  'Zen Kaku Gothic Antique', sans-serif;

	/* =============================================
	   サイト幅
	   ============================================= */
	--content-width: 1560px; /* コンテンツ幅1480px + padding-inline 40px × 2 */
	--banner-width:  1480px; /* バナー幅（padding不要） */
	--site-width:    1920px;

	/* =============================================
	   ヘッダー
	   ============================================= */
	--header-height-pc: 120px;
	--header-height-sp: 70px;
	--nav-font-size:     28px;
	--nav-font-weight:   750;
	--nav-letter-spacing: 0;

	/* =============================================
	   セクション共通 padding（PC / SP）
	   TOPページ・下層ページの全セクションで使用
	   ============================================= */
	--section-pt: 100px;   /* section padding-top (PC) */
	--section-pb: 100px;   /* section padding-bottom (PC) */
	--section-pt-sp: 48px; /* section padding-top (SP) */
	--section-pb-sp: 48px; /* section padding-bottom (SP) */
	--page-hero-pt: 28px;  /* 下層ページHEROセクション padding-top（パンくず上余白）*/
	--page-title-size-sp: clamp(48px, 20vw, 120px); /* 下層ページタイトル SP フォントサイズ */

	/* =============================================
	   共通テキスト
	   body・リード・説明文など複数セクションで使う基本サイズ
	   ============================================= */
	--text-base-size: 16px; /* 本文・説明文の基本フォントサイズ */
	--text-md-size:   16px; /* SP記事タイトル等の中間サイズ */
	--text-lg-size:   18px; /* やや大きめテキスト */
	--text-sm-size:   14px; /* 小ラベル・補足テキスト */

	/* =============================================
	   バナーセクション（CLUB / SCHOOL 共通）
	   ============================================= */
	--banner-height-pc:    600px; /* バナー高さ（PC）XD指定値 */
	--banner-title-size:   220px; /* バナータイトルフォントサイズ */
	--banner-pb:           230px; /* バナー直後のセクション余白（PC） */
	--banner-pb-sp:         48px; /* バナー直後のセクション余白（SP） */

	/* =============================================
	   HERO スライダー
	   ============================================= */
	--hero-min-height: 500px; /* ヒーロー最小高さ */

	/* =============================================
	   下層ページ共通タイポグラフィ
	   単独ページ・CPT詳細・一覧など全下層ページで使用
	   ============================================= */
	--page-h1-pc:    32px; /* ページ・記事タイトル h1（PC） */
	--page-h1-tab:   26px; /* ページ・記事タイトル h1（タブレット） */
	--page-h1-sp:    22px; /* ページ・記事タイトル h1（SP） */

	--page-h2-pc:    26px; /* 本文内 h2（PC） */
	--page-h2-sp:    20px; /* 本文内 h2（SP） */

	--page-h3-pc:    22px; /* 本文内 h3（PC） */
	--page-h3-sp:    18px; /* 本文内 h3（SP） */

	--page-body-pc:  20px; /* 本文（PC） */
	--page-body-tab: 18px; /* 本文（タブレット） */
	--page-body-sp:  16px; /* 本文（SP） */

	--list-title-pc: 24px; /* 一覧記事タイトル（PC） */
	--list-title-sp: 18px; /* 一覧記事タイトル（SP） */

	/* =============================================
	   下層ページ キャッチコピー SP フォントサイズ
	   CLUB・SCHOOLなど下層ページ共通
	   ============================================= */
	--page-catch-copy1-sp: clamp(24px, 6vw, 36px);  /* キャッチコピー1 SP */
	--page-catch-copy2-sp: clamp(48px, 12vw, 120px); /* キャッチコピー2 SP */
	--page-catch-lead-sp:  clamp(22px, 6vw, 30px);  /* リード本文 SP */

	/* =============================================
	   重なり順（z-index）
	   ============================================= */
	--z-header: 100;  /* 固定ヘッダー */
	--z-drawer: 200;  /* SPドロワー */
	--z-modal: 1000;  /* モーダル全般 */
	--z-loading: 2000;  /* 初回ローディング画面（最上位） */

}