/**
 * oshi-times テーマ — CSSカスタムプロパティ（白ベース）
 */

:root {
  /* グラデーション（ブランドカラー） */
  --grad-main:        linear-gradient(135deg, #ffcc00 0%, #ff6eb4 50%, #a855f7 100%);
  --grad-accent:      linear-gradient(90deg,  #ff6eb4 0%, #a855f7 100%);
  --grad-warm:        linear-gradient(90deg,  #ffcc00 0%, #ff6eb4 100%);
  --grad-text:        linear-gradient(90deg,  #ff6eb4, #a855f7);
  --grad-overlay:     linear-gradient(135deg, rgba(255, 204, 0, 0.55) 0%, rgba(255, 110, 180, 0.55) 50%, rgba(168, 85, 247, 0.55) 100%);
  --grad-overlay-dark: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 60%);

  /* 単色 — 白ベース */
  --color-primary:    #ff6eb4;
  --color-secondary:  #a855f7;
  --color-yellow:     #ffcc00;
  --color-bg:         #ffffff;
  --color-bg-alt:     #fafafa;
  --color-bg-card:    #ffffff;
  --color-bg-subtle:  #f5f5f7;
  --color-bg-light:   #f9f0ff;
  --color-bg-section: #f7f5fa;
  --color-surface:    #ffffff;
  --color-border:     #e8e8ec;
  --color-border-light: #f0f0f4;
  --color-text:       #1a1a1a;
  --color-text-dark:  #1a1a1a;
  --color-text-inverse: #ffffff;
  --color-text-muted: #6b6b73;
  --color-live-badge: #ff0040;
  --color-new-badge:  #ff6eb4;
  --color-ex-badge:   #ffcc00;
  --color-line:       #06c755;
  --color-x:          #000000;

  /* タイポグラフィ */
  --font-family:      'Noto Sans JP', sans-serif;
  --font-size-base:   14px;
  --line-height-base: 1.7;
  --font-size-hero:   1.4rem;
  --font-size-card:   0.95rem;
  --font-size-section: 1.1rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold:   700;
  --font-weight-black:  900;

  /* サムネイル（基本は横長 16:9） */
  --aspect-thumb:     16 / 9;

  /* レイアウト */
  --container-max:    1080px;
  --container-padding: 16px;
  --main-width:       68%;
  --sidebar-width:    30%;
  --header-z:         200;

  /* スペーシング */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;

  /* 角丸 */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-pill: 24px;

  /* トランジション */
  --transition-fast:   0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.5s ease;

  /* シャドウ（ライトテーマ向け） */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(255, 110, 180, 0.12);
  --shadow-header: 0 1px 0 var(--color-border), 0 4px 16px rgba(0, 0, 0, 0.04);

  /* ブレークポイント（参照用） */
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
}