/*
 * 크라우니번역기 — 테마.css
 * 규약(디자인 상시교체 원칙): 색은 여기 CSS 커스텀 프로퍼티(var(--…))로만 정의.
 * 다른 파일은 이 토큰만 소비, 하드코딩 hex 금지(SVG 속성만 예외).
 * 팔레트 = crowny.org 본체 SSOT(베이지+골드 #C9A961, warm kraft+코랄 #D97757).
 * 다크는 라이트 :root 완전 정의 뒤 토큰만 재정의(양방향: prefers-color-scheme + [data-theme]).
 */

:root {
  --bg: #FAF9F7;
  --bg-elevated: #FFFFFF;
  --panel: #FFFFFF;
  --header: #F4F1ED;
  --input-bg: #FFFFFF;

  --text: #1A1A1A;
  --text2: #6B6B6B;
  --text3: #9A9A9A;

  --border: #E5E2DD;
  --border2: #D8D3CA;

  --gold: #C9A961;
  --gold-dim: #A08840;
  --coral: #D97757;

  --accent: var(--gold);
  --accent-dim: var(--gold-dim);
  --accent-soft: rgba(201, 169, 97, 0.14);

  --t-color: #1F8A5A;
  --o-color: var(--gold-dim);
  --a-color: #C0392B;
  --t-soft: rgba(31, 138, 90, 0.12);
  --o-soft: rgba(160, 136, 64, 0.12);
  --a-soft: rgba(192, 57, 43, 0.12);

  --success: var(--t-color);
  --success-soft: var(--t-soft);
  --danger: var(--a-color);
  --danger-soft: var(--a-soft);
  --warning: var(--o-color);
  --warning-soft: var(--o-soft);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1C1A17;
    --bg-elevated: #262320;
    --panel: #262320;
    --header: #201E1B;
    --input-bg: #1F1D1A;

    --text: #F2EFEA;
    --text2: #B3ADA3;
    --text3: #7D7669;

    --border: #3A362F;
    --border2: #4A453C;

    --gold: #D9BB74;
    --gold-dim: #B99C50;
    --coral: #E08A66;

    --accent: var(--gold);
    --accent-dim: var(--gold-dim);
    --accent-soft: rgba(217, 187, 116, 0.16);
  }
}

:root[data-theme="dark"] {
  --bg: #1C1A17;
  --bg-elevated: #262320;
  --panel: #262320;
  --header: #201E1B;
  --input-bg: #1F1D1A;

  --text: #F2EFEA;
  --text2: #B3ADA3;
  --text3: #7D7669;

  --border: #3A362F;
  --border2: #4A453C;

  --gold: #D9BB74;
  --gold-dim: #B99C50;
  --coral: #E08A66;

  --accent: var(--gold);
  --accent-dim: var(--gold-dim);
  --accent-soft: rgba(217, 187, 116, 0.16);
}