:root {
  /* ── 背景・カラー ── */
  /* 副社長判断 2026-05-27: メイン bg を #FFFFFF に。#F5F3EE はアクセントブロック用に温存 */
  /* 2026-05-30: セクション背景を温かいアイボリーに統一。カードは白(--color-bg/white)で浮かせる */
  --color-page:           #F7F5F0;   /* ページ/セクション統一背景（温かいアイボリー） */
  --color-bg:             #FFFFFF;   /* カード/白面（据え置き） */
  --color-surface:        #F5F3EE;   /* クリーム系アクセントブロック */
  --color-surface-deep:   #ECEAE4;   /* より深いアクセント */
  --color-border:         #E5E2DC;   /* 白bg上でも見えるよう調整 */

  --color-text-primary:   #1A1A1A;
  --color-text-secondary: #5A5650;
  --color-text-muted:     #9A948C;

  --color-accent:         #6B5CE7;
  --color-accent-dark:    #4F43C0;
  --color-accent-light:   #EDE9FF;
  --color-white:          #FFFFFF;

  /* Dark variant — Hero / 最終CTA で使用（ブックエンド）／navy */
  --color-dark-bg:        #0B1330;     /* 副社長指示 2026-05-27: ネイビー（濃い感じ） */
  --color-dark-surface:   #131C45;
  --color-dark-border:    #1E2858;
  --color-dark-text:      #F5F3EE;
  --color-dark-muted:     #9A948C;

  /* ── タイポグラフィ ── */
  /* 副社長判断 2026-05-27: 見出しは Serif（Editorial Weight） */
  --font-serif-en: 'Source Serif 4', 'Source Serif Pro', 'Times New Roman', serif;
  --font-serif-ja: 'Noto Serif JP', '游明朝', 'Yu Mincho', serif;
  --font-en:       'Inter', 'DM Sans', sans-serif;
  --font-ja:       'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;

  /* 適用ルール: 2026-05-30 副社長指示で見出しも Noto Sans JP ゴシックへ統一（ヒーローに合わせる）
     ※ 旧: 見出し=Serif。戻す時は studio/プログラマー1/2026-05-30-全セクション見出しゴシック化ログ.md 参照 */
  --font-heading: var(--font-ja), var(--font-en), sans-serif;
  --font-body:    var(--font-ja), var(--font-en), sans-serif;

  /* タイプスケール（Maven 水準へ引上げ） */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.5rem;     /* 40px (旧 36px から引上げ) */
  --text-5xl:  3rem;       /* 48px */
  --text-6xl:  4.5rem;     /* 72px (旧 60px から引上げ — Hero H1) */
  --text-7xl:  5.5rem;     /* 88px (新規) */

  --font-weight-light:   300;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;

  --line-height-display: 1.08;   /* Hero / 大見出し用 */
  --line-height-tight:   1.2;
  --line-height-snug:    1.4;
  --line-height-normal:  1.6;
  --line-height-loose:   1.8;

  /* ── スペーシング（8px グリッド） ── */
  --space-1:   0.5rem;
  --space-2:   1rem;
  --space-3:   1.5rem;
  --space-4:   2rem;
  --space-6:   3rem;
  --space-8:   4rem;
  --space-12:  6rem;
  --space-16:  8rem;
  --space-20: 10rem;
  --space-24: 12rem;

  /* ── レイアウト ── */
  --container-max:    1120px;
  --container-max-lg: 1280px;   /* Maven が 1280 を多用しているため、ワイドセクション用 */
  --container-pad:    var(--space-4);

  /* ── ボーダー・シャドウ ── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:  0 24px 60px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
  /* 2026-05-30: アイボリー地に白カードを浮かせる用のソフト影（高級感・低コントラスト） */
  --shadow-card: 0 1px 2px rgba(26,26,26,0.04), 0 10px 28px rgba(26,26,26,0.05);

  /* ── トランジション・イージング ── */
  /* Maven 標準: cubic-bezier(0.4, 0, 0.2, 1) - Material Design */
  --easing-material: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-decel:    cubic-bezier(0, 0, 0.2, 1);
  --transition-fast: 150ms var(--easing-material);
  --transition-base: 200ms var(--easing-material);
  --transition-slow: 400ms var(--easing-decel);
}