/* ==========================================================================
   theme.css
   ------------------------------------------------------------------------
   이 파일은 "색상 값"만 정의합니다. 나중에 관리자 페이지에서 색을 선택하면
   PHP가 이 파일(또는 이 :root 블록)을 새 값으로 다시 써주기만 하면
   사이트 전체 디자인이 한 번에 바뀝니다. style.css는 색상을 직접 쓰지 않고
   전부 var(--color-xxx) 형태로만 참조하므로, 이 파일 하나만 교체하면 됩니다.

   관리자 페이지 구현 시 참고:
   - api/save_theme.php 같은 엔드포인트에서 POST 로 색상 값을 받아
     DB(site_settings 테이블 등)에 저장 후, 이 파일을 재생성(overwrite)하면 됩니다.
   ========================================================================== */

:root {
  /* 브랜드 컬러 (관리자 페이지 색상 선택 대상) */
  --color-ink: #101B2D;         /* 짙은 배경 (헤더/히어로/푸터) */
  --color-ink-soft: #182640;    /* ink 보다 한 톤 밝은 배경 */
  --color-primary: #00B8A9;     /* 메인 브랜드 컬러 (버튼/링크/포인트) */
  --color-primary-dark: #039688;/* primary hover/active */
  --color-accent: #FF6B4A;      /* 강조 컬러 (숫자, 배지, 포인트) */
  --color-bg: #F6F8FA;          /* 페이지 배경 (밝은 영역) */
  --color-surface: #FFFFFF;     /* 카드/섹션 배경 */
  --color-text: #1B2333;        /* 기본 텍스트 */
  --color-text-muted: #5B6478;  /* 보조 텍스트 */
  --color-text-inverse: #F2F5F8;/* 어두운 배경 위 텍스트 */
  --color-border: #E4E9F0;      /* 구분선/테두리 */

  /* 파생 값 (직접 수정할 필요 없음) */
  --color-primary-rgb: 0, 184, 169;
  --color-accent-rgb: 255, 107, 74;
  --shadow-soft: 0 10px 30px -12px rgba(16, 27, 45, 0.18);
  --shadow-card: 0 2px 10px rgba(16, 27, 45, 0.06);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 8px;
}