:root {
  /* キービジュアル（暖色の店内＋ピンクネオン＋シャンパンゴールド）から抽出 */
  --cream: #fff8f4;
  --cream-2: #fff1ea;
  --blush: #ffe4e9;
  --blush-2: #ffd6e2;
  --rose: #f9c9d6;
  --champagne: #f7e6d2;

  --pink: #ff4f9d;
  --pink-soft: #ff8cbd;
  --pink-deep: #d81b6e;
  --gold: #d8a45f;
  --gold-soft: #f0cd9a;
  --blue: #5aa9e6;
  --white: #ffffff;

  --text: #4a2733;
  --text-mid: #7c5566;
  --text-dim: #a98b98;

  --font-round: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  --font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-en: "Kaisei Decol", "Fredoka", var(--font-round);
  --font-hand: "Yusei Magic", var(--font-round);

  /* 猫耳モチーフ。maskで色を変えて使う */
  --ears: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 22'%3E%3Cpath d='M2 21 14 3l6 18z'/%3E%3Cpath d='M42 21 30 3l-6 18z'/%3E%3C/svg%3E");

  --text-xs: 0.72rem;
  --text-sm: 0.82rem;
  --text-base: clamp(0.95rem, 0.9rem + 0.22vw, 1.06rem);
  --text-lead: clamp(1.02rem, 0.94rem + 0.45vw, 1.25rem);
  --text-h3: clamp(1.25rem, 1.05rem + 0.9vw, 1.7rem);
  --text-h2: clamp(1.8rem, 1.3rem + 2.2vw, 3rem);
  --text-hero: clamp(2rem, 1.1rem + 4.4vw, 4.4rem);

  --gutter: clamp(1.1rem, 0.7rem + 1.8vw, 2.6rem);
  --measure: 74rem;
  --space-section: clamp(3.6rem, 2.4rem + 5vw, 7.5rem);

  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 32px;
  --radius-pill: 999px;

  --duration-fast: 180ms;
  --duration: 420ms;
  --duration-slow: 780ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* 明るい背景なので、発光は淡いハロとして使う */
  --glow-pink: 0 0 14px rgba(255, 79, 157, 0.35);
  --glow-gold: 0 0 16px rgba(216, 164, 95, 0.4);

  --shadow-soft: 0 10px 30px rgba(180, 110, 140, 0.14);
  --shadow-card: 0 18px 46px rgba(180, 110, 140, 0.18);
  --shadow-lift: 0 24px 54px rgba(180, 110, 140, 0.26);
}