/* ═══════════════════════════════════════════════
   tokens.css — Design variables (Lila brand)
   藤色 / 菫色 / 白磁 / 墨 palette
═══════════════════════════════════════════════ */

:root {
  /* ── Lila brand colors ── */
  --lila-deep:   #3d2d52;   /* 深藤 — primary */
  --lila-mid:    #6b5280;   /* 藤色 */
  --lila-soft:   #9b84b0;   /* 薄藤 */
  --lila-pale:   #e8e0f0;   /* 藤白 */

  /* ── Neutrals — washi tone ── */
  --washi:       #f8f6f2;
  --washi-2:     #f0ede7;
  --kinucha:     #d4c9b8;   /* 絹茶 — border / rule */
  --sumi:        #1c1a22;   /* 墨 — primary text */
  --sumi-2:      #4a4656;   /* 薄墨 — secondary text */
  --nenokuchi:   #8a8494;   /* 根口色 — muted text */

  /* ── Accents ── */
  --kinshu:      #c9a96e;   /* 金朱 — gold accent */

  /* ── Typography ── */
  --ff-serif-en: 'Cormorant Garamond', serif;
  --ff-serif-jp: 'Noto Serif JP', serif;
  --ff-sans-jp:  'Noto Sans JP', sans-serif;

  /* ── Spacing scale ── */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  3.5rem;
  --space-xl:  6rem;
  --space-2xl: 9rem;

  /* ── Transitions ── */
  --ease-out: cubic-bezier(.25, .46, .45, .94);
}