@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

:root {
  --r: 16px;
  --r-sm: 12px;
  --r-xs: 8px;
  --r-lg: 24px;
  --r-xl: 32px;
  --tab-h: 72px;
  --safe-top: 48px;
  --font-main: 'Zen Maru Gothic', 'M PLUS Rounded 1c', 'Hiragino Sans', sans-serif;
  --font-accent: 'M PLUS Rounded 1c', 'Hiragino Sans', sans-serif;

  --phone-w: 393px;
  --phone-h: 852px;
}

/* ── ひよこテーマ (default) ── */
body.theme-hiyoko {
  --bg: #FFF8F0;
  --bg-warm: #FFF3E8;
  --bg-section: #FFFFFF;
  --card: #FFFFFF;
  --card-accent: #FFF0E0;
  --text: #5C4033;
  --text-2: #8B7355;
  --text-3: #B8A088;
  --text-4: #D4C4B0;
  --border: #F0E0D0;
  --border-2: #E8D5C0;
  --accent: #FFB347;
  --accent-2: #FF9A76;
  --accent-soft: #FFE4B5;
  --pink: #FFCAD4;
  --pink-soft: #FFF2F5;
  --pink-border: #FFE0E8;
  --star: #FFD700;
  --exp-bar: linear-gradient(90deg, #FFB347, #FF9A76);
  --shadow-sm: 0 1px 3px rgba(92, 64, 51, 0.08);
  --shadow: 0 2px 8px rgba(92, 64, 51, 0.12);
  --shadow-md: 0 4px 16px rgba(92, 64, 51, 0.15);
  --header-bg: rgba(255, 248, 240, 0.92);
  --tab-bg: rgba(255, 248, 240, 0.95);
  --check-color: #FF9A76;
  --badge-bg: #FFE4B5;
  --badge-text: #D4841A;
}

/* ── うさぎテーマ ── */
body.theme-usagi {
  --bg: #FFF5F8;
  --bg-warm: #FFE8EE;
  --bg-section: #FFFFFF;
  --card: #FFFFFF;
  --card-accent: #FFE8EE;
  --text: #6B3A4A;
  --text-2: #9B6B7A;
  --text-3: #C8A0B0;
  --text-4: #E0C8D0;
  --border: #FFD0DD;
  --border-2: #FFC0D0;
  --accent: #FF8FAB;
  --accent-2: #FF6B8A;
  --accent-soft: #FFD0DD;
  --pink: #FF8FAB;
  --pink-soft: #FFE0EA;
  --pink-border: #FFD0DD;
  --star: #FFD700;
  --exp-bar: linear-gradient(90deg, #FF8FAB, #FF6B8A);
  --shadow-sm: 0 1px 3px rgba(107, 58, 74, 0.08);
  --shadow: 0 2px 8px rgba(107, 58, 74, 0.12);
  --shadow-md: 0 4px 16px rgba(107, 58, 74, 0.15);
  --header-bg: rgba(255, 245, 248, 0.92);
  --tab-bg: rgba(255, 245, 248, 0.95);
  --check-color: #FF6B8A;
  --badge-bg: #FFD0DD;
  --badge-text: #C44569;
}

/* ── アイドルテーマ ── */
body.theme-idol {
  --bg: #F5E6FF;
  --bg-warm: #EDD8FF;
  --bg-section: #FFFFFF;
  --card: #FFFFFF;
  --card-accent: #F0E0FF;
  --text: #4A2D6B;
  --text-2: #7A5AAA;
  --text-3: #B098CC;
  --text-4: #D0C0E0;
  --border: #E8D0F8;
  --border-2: #DDC0F0;
  --accent: #C77DFF;
  --accent-2: #9D4EDD;
  --accent-soft: #E8D0F8;
  --pink: #FF8FAB;
  --pink-soft: #FFE0EA;
  --pink-border: #FFD0DD;
  --star: #FFD700;
  --exp-bar: linear-gradient(90deg, #C77DFF, #9D4EDD);
  --shadow-sm: 0 1px 3px rgba(74, 45, 107, 0.08);
  --shadow: 0 2px 8px rgba(74, 45, 107, 0.12);
  --shadow-md: 0 4px 16px rgba(74, 45, 107, 0.15);
  --header-bg: rgba(245, 230, 255, 0.92);
  --tab-bg: rgba(245, 230, 255, 0.95);
  --check-color: #9D4EDD;
  --badge-bg: #E8D0F8;
  --badge-text: #7B2FBE;
}