/* ============================================================
   Variables — カラー・フォント変数
   ATELIER REVE Custom Theme
   ⚠️ Stitch MCP未取得のため CLAUDE.md デフォルト値を使用中
      Stitch 接続後に以下の値を上書きすること
============================================================ */

:root {
  /* Color Palette */
  --color-bg: #fafaf7;        /* メイン背景 */
  --color-bg-sub: #f2f0eb;    /* サブ背景 */
  --color-primary: #8a9e85;   /* セージグリーン（アクセント） */
  --color-text: #2c2c2c;      /* メインテキスト */
  --color-text-sub: #6b6b6b;  /* サブテキスト */
  --color-white: #ffffff;
  --color-border: #e0ddd8;

  /* Typography */
  --font-heading-ja: 'Noto Serif JP', serif;
  --font-heading-en: 'Cormorant Garamond', serif;
  --font-body: 'Noto Sans JP', sans-serif;

  /* Spacing */
  --spacing-xs:  0.8rem;
  --spacing-sm:  1.6rem;
  --spacing-md:  2.4rem;
  --spacing-lg:  4.0rem;
  --spacing-xl:  6.4rem;
  --spacing-2xl: 9.6rem;

  /* Border */
  --border-radius: 4px;
  --border-color: var(--color-border);

  /* Layout */
  --header-height: 7.2rem;
}