/* ============================================================
   tokens.css — デザイントークン（占いing / パステル・フェミニン）
   多色パステル（淡い水色・桃・ラベンダー・ミント）＋暖色CTA。
   別サイト流用時は基本ここだけ差し替える。
   ============================================================ */
:root {
  /* ブランドの淡い水色（見出し・バッジ・アクセント） */
  --c-main: #35abcb;
  --c-main-light: #e9f7fb;
  --c-main-pale: #f5fcfe;

  /* CTA＝暖色ローズ（押したくなる・恋愛らしさ） */
  --c-cta: #e7628f;
  --c-cta-dark: #d24c7b;

  /* パステルの差し色 */
  --c-pink: #ff9ec2;
  --c-pink-light: #fff1f6;
  --c-lav: #c9adf7;
  --c-lav-light: #f5f0fe;
  --c-accent: #74d0be;        /* ミント */
  --c-accent-light: #eafaf6;
  --c-yellow: #ffd98a;
  --c-yellow-light: #fffbef;
  --c-blue: #9db0f7;          /* info：淡いペリウィンクル */
  --c-blue-light: #f0f3ff;
  --c-purple: #c9adf7;
  --c-purple-light: #f6f0ff;

  --c-text: #4a4a4a;
  --c-text-muted: #8a9198;
  --c-text-light: #b6bfc5;
  --c-bg: #f7fbfc;
  --c-white: #fff;
  --c-border: #edf1f4;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --font-main: 'Noto Sans JP', sans-serif;
  --font-deco: 'Nunito', sans-serif;
  --shadow: 0 6px 20px rgba(120,150,170,0.10);
  --shadow-md: 0 8px 26px rgba(120,150,170,0.14);
}