/* 색상 디자인 토큰. earnings.css/ops.css의 :root 변수 패턴을 전 페이지로 확장한 공유 기반.
   각 페이지 CSS는 이 파일 다음에 로드되며, 필요하면 자신의 :root 블록으로
   일부 토큰을 덮어써서(예: index.css의 Toss 팔레트) 페이지별 색을 유지한다.
   --bg는 페이지마다 미묘하게 다른 값(#f8fafc/#f6f8fa/#f2f4f6/#f0f4f9)이 있어
   여기 기본값과 다른 페이지는 자신의 :root에서 --bg만 다시 정의한다. */
:root {
  /* 2026-08-14 브랜드 킷 v1(B안 · 미니멀 카드) 적용. 블루 슬레이트 →
     무채색에 가까운 그레이로, 브랜드는 포레스트 에메랄드로 교체했다.
     --success(#10b981)와 색이 겹치지 않도록 --brand는 더 어둡고
     채도 높은 톤으로 의도적으로 분리했다 — 버튼과 상태 배지가
     같은 색으로 보이면 안 되기 때문. */
  --bg: #f4f5f4;
  --card: #ffffff;
  --ink: #202320;
  --ink-strong: #0c0e0c;
  --ink-soft: #565a56;
  --ink-2: #3a3d3a;
  --muted: #6f736f;
  --muted-2: #9a9e98;
  --line: #e1e3e0;
  --line-input: #c7cbc5;

  --brand: #0a7a52;
  --brand-hover: #076043;

  --success: #10b981;
  --danger: #ef4444;
  --warn: #b45309;
  --warn-bg: #fffbeb;

  --surface-muted: #eef0ee;

  /* 회색 배경 + 흰 글자 보조 버튼(홈/설정 등) 전용. --muted는 다크 모드에서
     "글자색"으로서 밝아지므로 배경으로 쓰면 흰 글자와 대비가 무너진다 —
     이 토큰은 두 모드 모두 흰 글자가 읽히는 어두운 값으로 고정한다. */
  --btn-neutral: #6f736f;
}

/* 다크 모드. earnings.css/ops.css는 이미 자기만의 :root 변수 체계를 갖고 있어
   여기서 건드리면 로드 순서상 오히려 그쪽 값이 이겨버린다 — 그 두 파일은
   각자 파일 안에 자기 이름으로 된 다크 블록을 따로 둔다. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161815;
    --card: #1f221e;
    --ink: #eceeea;
    --ink-strong: #ffffff;
    --ink-soft: #c7cbc2;
    --ink-2: #dde0da;
    --muted: #9a9e94;
    --muted-2: #6f736a;
    --line: #33362f;
    --line-input: #484c43;

    --brand: #22c58a;
    --brand-hover: #4ade9a;

    --success: #34d399;
    --danger: #f87171;
    --warn: #fbbf24;
    --warn-bg: #422006;

    --surface-muted: #262922;

    --btn-neutral: #484c43;
  }
}