/* ==========================================================================
   L'irréel cafe — デザイントークン
   Figma: uvfQsndWTPTSNOLbccmyuO より抽出（2026-07-05）
   ========================================================================== */

:root {
  /* --- カラー --- */
  --color-navy: #234a70;        /* メインのネイビー（背景・文字） */
  --color-off-white: #f6f6f6;   /* 明るいセクションの背景 */
  --color-white: #ffffff;
  --color-placeholder: #d9d9d9; /* 画像プレースホルダー */
  --color-pink-gold: #d8a793;   /* ナビホバー用の優しいピンクゴールド（2026-07-05 CHUMさん指示） */

  /* 用途別エイリアス */
  --color-bg: var(--color-off-white);
  --color-bg-dark: var(--color-navy);
  --color-text: var(--color-navy);
  --color-text-inverse: var(--color-white);

  /* --- フォントファミリー --- */
  --font-en-heading: 'Philosopher', serif;        /* 英字大見出し CONCEPT / MENU 等 */
  --font-script: 'Whisper', cursive;              /* 筆記体の添え字 Accès / Actualités 等（全て Whisper に統一） */
  --font-en-serif: 'Cormorant Garamond', serif;   /* ナビ・小さな英字 */
  --font-jp: 'Shippori Mincho', serif;            /* 和文 */

  /* --- フォントサイズ ---
     デザイン基準は1440px。それ未満ではレイアウト（%）と同率で縮小し、
     Figmaの文字バランスを保つ（min(設計px, 設計px/14.4 vw)）。SPはPhase 5で別途設計 */
  --fs-heading-en: min(64px, 4.444vw);  /* Philosopher 見出し */
  --fs-script: min(40px, 2.778vw);      /* Whisper 添え字 */
  --fs-title-jp: min(32px, 2.222vw);    /* 和文タイトル */
  --fs-large: min(24px, 1.667vw);
  --fs-medium: min(20px, 1.389vw);
  --fs-body: min(16px, 1.111vw);        /* 和文本文 */
  --fs-nav: min(13px, 0.903vw);         /* ナビゲーション英字 */

  /* --- 字間・行間 --- */
  --ls-nav: 2px;           /* Figma変数 letter spacing/2 */
  --ls-wide: 1px;
  --lh-body: 1.6;

  /* --- 余白スケール --- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-section: 160px;  /* セクション間の縦余白目安 */

  /* --- レイアウト --- */
  --content-width: 1190px; /* Figmaの白コンテンツ幅 */
  --site-width: 1440px;    /* デザインカンバス幅 */

  /* --- 罫線 --- */
  --border-thin: 1px solid currentColor;

  /* --- トランジション --- */
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-hover: 0.45s;
  --duration-reveal: 0.9s;
}

/* --------------------------------------------------------------------------
   SP用フォントスケール（Phase 5 — 2026-07-07）
   デスクトップの min(px, vw) はSPで極小になるため、390カンバス基準で再定義。
   レイアウト側のSP対応は top.css の @media ブロック参照
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  :root {
    --fs-heading-en: min(34px, 8.72vw);   /* 見出し英字（2026-07-07 CHUMさん指示で縮小） */
    --fs-script: min(22px, 5.64vw);       /* 筆記体 */
    --fs-title-jp: min(20px, 5.128vw);    /* 和文タイトル */
    --fs-large: 18px;
    --fs-medium: 16px;
    --fs-body: 14px;
    --fs-nav: 12px;
  }
}