/* ============================================
   THEME VARIABLES — 단일 진실 소스
   출처: design-dna.json
   스타일: Modern Healthcare Clarity
   브랜드 색상을 변경하려면 이 파일만 수정하세요.
   ============================================ */

:root {
  /* === 브랜드 기본 색상 (Teal) === */
  --theme-primary:        #00A99D;
  --theme-primary-dark:   #007F76;
  --theme-primary-light:  #E6F7F6;
  --theme-primary-mid:    #B2E5E2;
  --theme-primary-border: #80D4D0;

  /* === Alpha variants === */
  --theme-primary-alpha-10: rgba(0, 169, 157, 0.1);
  --theme-primary-alpha-25: rgba(0, 169, 157, 0.25);
  --theme-primary-alpha-50: rgba(0, 169, 157, 0.5);

  /* === Dark Palette === */
  --theme-dark:           #1A3C4A;
  --theme-dark-lighter:   #2A5464;

  /* === 회색 팔레트 === */
  --theme-gray-900: #1C2B3A;
  --theme-gray-700: #374151;
  --theme-gray-500: #4B5563;
  --theme-gray-400: #9CA3AF;
  --theme-gray-300: #D1D5DB;
  --theme-gray-200: #E5E7EB;
  --theme-gray-100: #F3F4F6;
  --theme-gray-50:  #F9FAFB;

  /* === 배경 / 테두리 === */
  --theme-bg-default: #FFFFFF;
  --theme-bg-subtle:  #F0FBFA;
  --theme-border:     #E5E7EB;
  --theme-border-light: #F3F4F6;

  /* === 시맨틱 변수 === */
  --theme-text-primary:   #1C2B3A;
  --theme-text-secondary: #4B5563;
  --theme-text-muted:     #9CA3AF;
  --theme-text-white:     #FFFFFF;
  --theme-bg-white:       #FFFFFF;
  --theme-bg-card:        #FFFFFF;
  
  /* === 성공/경고/오류 === */
  --theme-success:        #10B981;
  --theme-error:          #EF4444;

  /* === 형상 (Shape) === */
  --theme-radius-none:    0px;
  --theme-radius-sm:      6px;
  --theme-radius-md:      12px;
  --theme-radius-lg:      16px;
  --theme-radius-xl:      24px;
  --theme-radius-pill:    9999px;
  
  --theme-radius-card:    16px;
  --theme-radius-btn:     9999px;
  --theme-radius-input:   9999px;

  /* === 그림자 (Shadow) === */
  --theme-shadow-sm:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --theme-shadow-md:      0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);
  --theme-shadow-lg:      0 10px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
  --theme-shadow-card:    0 4px 20px rgba(0,169,157,0.10), 0 2px 8px rgba(0,0,0,0.06);
}