/* ============================================================
   ONNIT — 색 토큰 한 벌
   index.html · basics.html · onboarding.html 이 모두 이 파일을 문다.
   색을 바꿀 일이 있으면 여기만 고친다. 세 파일을 따로 고치지 않는다.

   빌드는 없다. 링크 한 줄로 끝난다:
     <link rel="stylesheet" href="css/tokens.css">
   ============================================================ */

:root{
  color-scheme:light;

  /* 바탕 */
  --bg:#FFFFFF;
  --card:#FFFFFF;          /* 카드 배경. 라이트에서는 바탕과 같고 다크에서 갈라진다 */
  --surface:#F5F7FB;       /* 섹션 배경 리듬 */

  /* 글자 */
  --ink:#0B1020;
  --ink-muted:#59637A;
  --ink-faint:#8A93A6;

  /* 선 */
  --line:#DFE4EE;
  --line-strong:#C4CCDC;

  /* 브랜드 */
  --accent:#1A5CFF;
  --accent-hover:#0F3FCB;
  --accent-wash:#EBF1FF;
  --on-ink:#FFFFFF;        /* 파랑 위에 얹는 글자색 */
  --focus:#1A5CFF;

  /* 판정 색 — 문서 두 장의 "이렇게 한다 / 조심 / 하지 않는다" */
  --signal:#0E9384;
  --signal-wash:#E4F4F2;
  --warn:#9A5B08;
  --warn-wash:#FCF1E1;
  --danger:#B3524F;
  --danger-wash:#FBEDEC;

  /* 코드 블록 — 라이트에서도 어둡다 */
  --code-bg:#0E1424;
  --code-ink:#DDE4F2;

  /* 히어로 격자 */
  --grid-line:rgba(11,16,32,.055);
}

/* ------------------------------------------------------------
   다크 팔레트.
   자동 전환(prefers-color-scheme)은 2026-09-04 에 걷어냈다.
   토글을 붙일 때를 위해 값만 남겨 둔다 — 켜려면 <html data-theme="dark">.
   ------------------------------------------------------------ */
:root[data-theme="dark"]{
  color-scheme:dark;

  --bg:#080C14;
  --card:#101623;
  --surface:#0D131F;

  --ink:#ECEFF6;
  --ink-muted:#96A0B6;
  --ink-faint:#69738C;

  --line:#1C2434;
  --line-strong:#2B3549;

  --accent:#7099FF;
  --accent-hover:#8FAFFF;
  --accent-wash:#141F3D;
  --on-ink:#070C16;
  --focus:#8FAFFF;

  --signal:#3FC7B4;
  --signal-wash:#0E2A28;
  --warn:#E0A661;
  --warn-wash:#2A1D0C;
  --danger:#E08A86;
  --danger-wash:#2C1615;

  --code-bg:#060A12;
  --code-ink:#C9D3E6;

  --grid-line:rgba(238,241,247,.05);
}
