/* WellCare AI 실증사업 — 디자인 토큰 (보충문서 09 기반) */
:root {
  /* === Brand Colors === */
  --color-brand-50:  #EBF3FA;
  --color-brand-100: #D9E2F3;
  --color-brand-300: #9BBFE5;
  --color-brand-500: #2E75B6;
  --color-brand-700: #1F4E79; /* PRIMARY */
  --color-brand-900: #0F2D4A;
  --color-accent:    #70AD47;
  --color-warning-strong: #C00000;

  /* === Neutral === */
  --color-gray-50:  #F8F9FA;
  --color-gray-100: #F2F2F2;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #BFBFBF;
  --color-gray-500: #6B7280;
  --color-gray-700: #595959;
  --color-gray-900: #111827;

  /* === Semantic === */
  --color-success: #10B981;
  --color-info:    #3B82F6;
  --color-warning: #F59E0B;
  --color-danger:  #EF4444;

  /* === Typography === */
  --font-ko:   "Pretendard Variable", Pretendard, "맑은 고딕", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "D2Coding", monospace;

  /* === Spacing (4px grid) === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* === Layout === */
  --max-w-prose: 720px;
  --max-w-7xl:  1280px;

  /* === Radius === */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* === Shadow === */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow:    0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px rgba(0,0,0,.08);
  --shadow-lg: 0 10px 15px rgba(0,0,0,.1);

  /* === Motion === */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 400ms;
  --motion-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; }
}