/*
 * デザイントークン
 * fumisan（現行サイト）のデザインに合わせて移植。色・タイポグラフィ・余白・角丸をCSS変数で定義。
 */

:root {
  /* ========== Color Palette ========== */
  --color-bg: #F7F3EE;           /* 背景クリーム */
  --color-bg-alt: #EDE6DC;        /* セカンダリ（砂色） */
  --color-surface: #FFFFFF;       /* カード背景 */
  --color-heading: #5C4A3A;       /* 見出し濃茶 */
  --color-text: #3F352D;          /* 本文濃茶 */
  --color-text-muted: #8C8279;    /* 補足テキスト */
  --color-cta: #7A6655;           /* CTA・リンク */
  --color-cta-hover: #5C4A3A;     /* CTA ホバー */
  --color-border: #D9D1C5;        /* 境界線 */
  --color-success: #4E8C5C;
  --color-warning: #B36B2F;
  --color-danger: #A9423B;
  --color-info: #5D7A8C;

  /* ========== Typography ========== */
  --font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-sans: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic UI', sans-serif;
  --font-accent: 'Cormorant Garamond', 'Noto Serif JP', serif;

  --fs-xxl: clamp(1.625rem, 1.1rem + 2vw, 2.5rem);
  --fs-xl:  clamp(1.25rem, 0.95rem + 1.1vw, 1.75rem);
  --fs-lg:  clamp(1.0625rem, 0.95rem + 0.6vw, 1.25rem);
  --fs-md:  0.9375rem;
  --fs-sm:  0.8125rem;
  --fs-xs:  0.75rem;

  --lh-tight: 1.6;
  --lh-base: 1.9;
  --lh-loose: 2.1;

  /* ========== Spacing ========== */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;

  /* ========== Layout ========== */
  --container-max: 1200px;
  --content-max: 720px;
  --radius-card: 8px;
  --radius-btn: 4px;
  --radius-pill: 999px;

  /* ========== Shadow ========== */
  --shadow-sm: 0 1px 2px rgba(92, 74, 58, 0.06);
  --shadow-md: 0 4px 12px rgba(92, 74, 58, 0.08);
  --shadow-lg: 0 12px 32px rgba(92, 74, 58, 0.12);

  /* ========== Motion ========== */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
}