/* =========================================================
   デザイントークン（唯一の正本）
   配置: assets/css/core/tokens.css
   全 CSS の土台。case ごとに値だけ差し替えて他サイトへ移植する。
   ※ ここ以外の :root でトークンを再定義しないこと（二重定義事故の防止）。
   ========================================================= */
:root {
	/* ---- ブランドカラー ---- */
	--lr-red:        #910000;   /* アクセント。リンク/ホバー/状態のみ */
	--lr-red-dark:   #6f0000;   /* ホバー時の沈み */
	--lr-charcoal:   #44403f;   /* 主たる文字色 */
	--lr-black:      #1a1817;   /* ソフトブラック。intro など締めの面 */
	/* ---- ベース（無彩色） ---- */
	--lr-white:      #ffffff;
	--lr-off-white:  #faf9f8;   /* セクション交互の薄い地色 */
	--lr-line:       #e5e3e1;   /* 罫線・境界 */
	--lr-muted:      #8a8785;   /* 補助テキスト */
	/* ---- 役割ベースの参照（各パーツはこちらを使う）---- */
	--lr-bg:         var(--lr-white);
	--lr-bg-subtle:  var(--lr-off-white);   /* 薄い地色（ホバー面など） */
	--lr-surface:    var(--lr-white);        /* カード紙面。行地と必ず分離する */
    --lr-text:       var(--lr-charcoal);
	--lr-text-muted: var(--lr-muted);
	--lr-accent:     var(--lr-red);
	--lr-accent-ink: var(--lr-red-dark);
	--lr-border:     var(--lr-line);
	--lr-link:       var(--lr-red);
	/* ---- 反転（ダーク面：footer / intro など）---- */
	--lr-dark-bg:      var(--lr-black);
	--lr-dark-text:    #d4d4d4;   /* ダーク面の本文 */
	--lr-dark-heading: var(--lr-white);
	--lr-dark-muted:   #9a9a9a;   /* ダーク面の補助 */
	--lr-dark-faint:   #767676;   /* ダーク面のコピーライト等 */
	--lr-dark-line:    rgba(255,255,255,.12);
	/* ---- レイアウト幅・ガター（旧 section-builder から移設）---- */
	--lr-width-contained: 760px;    /* 本文中心の可読幅 */
	--lr-width-wide:      1200px;    /* 複数カラム・ギャラリー向け */
	--lr-gutter:          20px;      /* 左右の最小余白（画面端との間隔） */
	/* ---- スペーシング（8px スケール・唯一の定義）---- */
	--lr-space-2xs: .25rem;   /*  4px */
	--lr-space-xs:  .5rem;    /*  8px */
	--lr-space-sm:  1rem;     /* 16px */
	--lr-space-md:  1.5rem;   /* 24px */
	--lr-space-lg:  2.5rem;   /* 40px */
	--lr-space-xl:  4rem;     /* 64px */
	--lr-space-2xl: 6rem;     /* 96px */
	/* グリッド標準 gap */
	--lr-gap: var(--lr-space-md);   /* 24px */
	/* ---- タイポ ---- */
	/* 変更後：欧文の基本を Montserrat Alternates に。日本語は Noto Sans JP へフォールバック */
    --lr-font-sans: "Outfit", "Noto Sans JP", sans-serif;
	--lr-weight-normal: 400;
	--lr-weight-bold:   700;
	--lr-weight-black:  800;   /* Apple 的な極太見出し */

	/* フォントサイズ（本文基準を正本として明示）
	   本文は --lr-font-base を標準とする。「標準に戻す」＝ font-size: var(--lr-font-base)。
	   xs/sm は UI 小物の下限、md/lg は本文まわりの一段上げ、
	   heading は看板見出し（lr-heading__title）の可変サイズ。 */
	--lr-font-xs:      .75rem;    /* 12px：キャプション・注記の下限 */
	--lr-font-sm:      .8125rem;  /* 13px：補助・メタ */
	--lr-font-base:    1rem;      /* 16px：本文標準（正本） */
	--lr-font-md:      1.125rem;  /* 18px：やや大きめの本文・リード */
	--lr-font-lg:      1.25rem;   /* 20px：小見出し（h3 相当） */
	--lr-font-heading: clamp(1.5rem, 1.1rem + 1.6vw, 2rem);  /* 24→32px：看板見出し */
    --lr-font-display: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);  /* 32→52px：ページ最大級のリード見出し */

	--lr-leading-tight: 1.4;   /* 見出し */
	--lr-leading-body:  1.8;   /* 本文はゆったり */
	--lr-tracking-tight: -0.02em;
	/* ---- ディテール ---- */
	--lr-radius: 3px;
	--lr-ease: .25s ease;
    /* 欧文用（Montserrat Alternates）→ 日本語は本文フォントへフォールバック */
	--lr-font-en: "Montserrat Alternates", "Noto Sans JP", sans-serif;
}