/* ============================================================
   Inspirations — Design Tokens
   Vite가 해시 없이 dist/ 로 그대로 복사하는 정적 파일.
   SPA(theme.css)와 SSR 템플릿(base.html)이 이 파일 하나를
   `/tokens.css` 라는 안정적인 URL로 함께 참조한다.
   ============================================================ */

:root {
  /* Navy-dark backgrounds */
  --bg-primary: #0D1421;
  --bg-card: #172035;
  --bg-group: #111928;
  --bg-elevated: #1F2E45;

  /* Text hierarchy */
  --text-primary: #F2F2F7;
  --text-secondary: #98989F;
  --text-tertiary: #48484E;

  /* Accent — 다크에서 더 밝게 */
  --accent: #0A84FF;
  --accent-pressed: #409CFF;
  --accent-glow: rgba(10, 132, 255, 0.18);
  --danger: #FF453A;
  --success: #30D158;
  --warning: #FFD60A;

  /* Dividers — 다크 미묘한 경계 */
  --divider: rgba(255, 255, 255, 0.06);
  --divider-strong: rgba(255, 255, 255, 0.12);

  /* Shadows — 다크에서 더 깊은 그림자 */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.4);

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-card: 18px;
  --radius-max: 30px;
  --radius-pill: 999px;

  /* Transitions */
  --transition: 0.2s ease;

  /* Layout */
  --tab-bar-height: 83px;
  --page-max-width: 640px;

  /* Category colors — 다크에서 채도 살짝 낮춤, 더 고급스럽게 */
  --cat-science: #0A84FF;
  --cat-math: #FF453A;
  --cat-history: #FF9F0A;
  --cat-philosophy: #BF5AF2;
  --cat-psychology: #FF375F;
  --cat-art: #FF6B35;
  --cat-tech: #5AC8FA;
  --cat-economics: #30D158;
  --cat-nature: #30D158;
  --cat-medicine: #FF6961;
  --cat-space: #5E5CE6;
  --cat-language: #FFD60A;
  --cat-music: #FF2D55;
  --cat-architecture: #A2845E;
  --cat-culture: #FF6B35;
  --cat-religion: #636366;
  --cat-geography: #64D2FF;
  --cat-sports: #30D158;
  --cat-cooking: #FF9F0A;
  --cat-literature: #BF5AF2;
}