/* ============================================
   Bloggerルネッサンス — デザイントークン
   設計書: 00_docs/bloggerrenaissance_final_master.md 第6部
   ============================================ */

:root {
  /* ---- Color Palette ---- */
  --color-ink:       #1a1a1a; /* 墨色：本文・主要テキスト */
  --color-gold:      #b8956a; /* ルネサンスゴールド：アクセント */
  --color-cream:     #faf7f0; /* クリーム：背景 */
  --color-stone:     #e8e4dc; /* 石色：ボーダー */
  --color-deep:      #2c2c2c; /* 深墨：見出し */
  --color-quiet:     #6b6b6b; /* 静墨：サブテキスト */
  --color-light:     #f5f2eb; /* 淡光：セクション区切り */
  --color-burgundy:  #6b2d3a; /* バーガンディ：強調・CTA */
  --color-white:     #ffffff;

  /* ---- Typography ---- */
  --font-serif-ja:   "Noto Serif JP", "Yu Mincho", "游明朝", "YuMincho", serif;
  --font-sans-ja:    "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-serif-en:   "Cormorant Garamond", "Noto Serif JP", serif;
  --font-sans-en:    "Inter", "Noto Sans JP", sans-serif;

  /* ---- Type Scale ---- */
  --fs-overline: 0.75rem;   /* 12px */
  --fs-xs:       0.875rem;  /* 14px */
  --fs-base:     1rem;      /* 16px */
  --fs-lg:       1.125rem;  /* 18px */
  --fs-xl:       1.375rem;  /* 22px */
  --fs-2xl:      1.75rem;   /* 28px */
  --fs-3xl:      2.25rem;   /* 36px */
  --fs-4xl:      3rem;      /* 48px */
  --fs-5xl:      3.75rem;   /* 60px */

  /* ---- Line Heights ---- */
  --lh-tight:    1.25;
  --lh-snug:     1.4;
  --lh-base:     1.7;
  --lh-relaxed:  1.9;

  /* ---- Letter Spacing ---- */
  --tracking-tight:  -0.01em;
  --tracking-base:    0;
  --tracking-wide:    0.08em;
  --tracking-widest:  0.2em;

  /* ---- Spacing Scale ---- */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* ---- Layout ---- */
  --container-max:   1200px;
  --container-pad:   1.5rem;

  /* ---- Radii ---- */
  --radius-sm:  4px;   /* ボタン */
  --radius-md:  8px;   /* カード */
  --radius-lg:  12px;

  /* ---- Borders ---- */
  --border-thin:  1px solid var(--color-stone);

  /* ---- Shadows（最小限・柔らかく）---- */
  --shadow-sm:  0 1px 2px rgba(26, 26, 26, 0.04);
  --shadow-md:  0 4px 12px rgba(26, 26, 26, 0.06);
  --shadow-lg:  0 12px 32px rgba(26, 26, 26, 0.08);

  /* ---- Transitions ---- */
  --t-fast:   150ms ease;
  --t-base:   240ms ease;
  --t-slow:   400ms ease;
}