/* 카알리미 디자인 토큰(B 문서 3장). 포인트 색은 티얼(D-01 확정 2026-10-19).
   다크는 html.dark 하나로만(시스템 설정도 <head> 인라인 스크립트가 .dark 로 바꿔 줌 — B 3.3).
   바꾼 뒤엔 node scripts/tokens-check.mjs (대비 · 금지 초록 검사) */
:root {
  --c-brand: #1B2A4A;          /* 로고 · 제목 글자 */
  --c-brand-surface: #1B2A4A;  /* 주 버튼 면 */
  --c-on-brand: #FFFFFF;
  --c-accent: #0D9488;         /* 큰 글자 · 아이콘 전용(흰 바탕 3:1 대) */
  --c-accent-strong: #0F766E;  /* 포인트 버튼 면 · 링크 */
  --c-on-accent: #FFFFFF;
  --c-bg: #F6F8FB;
  --surface-0: var(--c-bg);
  --surface-1: #FFFFFF;
  --surface-2: #EEF2F7;
  --c-text: #111827;
  --c-muted: #5B6475;
  --c-line: #D9DFE8;
  --c-ok: #0F766E;             /* 초록 대신 티얼 */
  --c-warn: #B45309;
  --c-bad: #B91C1C;
  --c-info: #1D4ED8;
  --c-ad: #6B7280;
  --glass: rgb(255 255 255 / .72);

  --r-input: 8px;
  --r-tile: 16px;
  --r-sheet: 24px;
  --space: 4px;
  --blur: 12px;
  --t-press: 120ms;
  --t-done: 250ms;
  --t-enter: 200ms;
  --font: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
  color-scheme: light;
}

.dark {
  --c-brand: #C9D4EA;
  --c-brand-surface: #1B2A4A;
  --c-on-brand: #FFFFFF;
  --c-accent: #2DD4BF;
  --c-accent-strong: #5EEAD4;
  --c-on-accent: #0E1729;      /* 다크의 밝은 티얼 버튼엔 어두운 글자 */
  --c-bg: #0E1729;
  --surface-1: #15213A;
  --surface-2: #1B2A4A;
  --c-text: #E6EBF5;
  --c-muted: #9AA6BD;
  --c-line: #2A3A5C;
  --c-ok: #2DD4BF;
  --c-warn: #FBBF24;
  --c-bad: #F87171;
  --c-info: #93C5FD;
  --glass: rgb(14 23 41 / .72);
  color-scheme: dark;
}

/* ja 일 때만 Noto Sans JP 를 불러오고 앞에 둔다 */
:lang(ja) { --font: 'Noto Sans JP', 'Pretendard Variable', Pretendard, system-ui, sans-serif; }

@media (prefers-reduced-motion: reduce) {
  :root { --t-press: 0ms; --t-done: 0ms; --t-enter: 0ms; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --glass: var(--surface-1); --blur: 0px; }
}