/* ===== Theme variables ===== */
:root {
  /* Oshi color (overridden per-oshi at runtime) */
  --oshi: #FF6B9D;
  --oshi-soft: rgba(255, 107, 157, 0.16);
  --oshi-strong: #FF4F8A;

  /* Brand: 星屑 hoshikuzu */
  --brand-gold: #E5C977;
  --brand-gold-deep: #C9A055;
  --brand-navy: #1A2438;
  --brand-navy-deep: #0A0F1A;
  --brand-cream: #F5EDD8;

  /* Status colors */
  --success: #34D399;
  --warn: #FBBF24;
  --danger: #F87171;
  --info: #60A5FA;

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Radius */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Typography */
  --ff-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
             "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo",
             system-ui, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;

  /* Layout */
  --header-h: 56px;
  --bottom-nav-h: 60px;
  --drawer-w: 280px;
  --safe-top: env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
}

/* Dark theme (default) — 星屑 navy */
[data-theme="dark"] {
  --bg: #0A0F1A;
  --bg-elev: #131A2C;
  --bg-elev-2: #1C2540;
  --surface: rgba(255,255,255,0.04);
  --surface-strong: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --text: #F4F4F5;
  --text-mute: #A1A1AA;
  --text-faint: #71717A;
  --shadow: 0 8px 24px rgba(0,0,0,0.4);
  --backdrop: rgba(0,0,0,0.6);
}

/* Light theme */
[data-theme="light"] {
  --bg: #FAFAFA;
  --bg-elev: #FFFFFF;
  --bg-elev-2: #F4F4F5;
  --surface: rgba(0,0,0,0.02);
  --surface-strong: rgba(0,0,0,0.04);
  --border: rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.16);
  --text: #111827;
  --text-mute: #4B5563;
  --text-faint: #9CA3AF;
  --shadow: 0 8px 24px rgba(0,0,0,0.08);
  --backdrop: rgba(0,0,0,0.4);
}