/* tokens.css - shinbok 관리 사이트 토큰 정본. 새 값은 DESIGN.md 7장에 이유를 적고 여기에 추가한다. */
:root {
  color-scheme: light;

  --font-body: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  /* 앱 화면: 고정 rem 스케일 (비율 1.125) */
  --text-xs: 0.8125rem;   /* 13 */
  --text-sm: 0.9375rem;   /* 15 */
  --text-base: 1rem;      /* 16 */
  --text-lg: 1.125rem;    /* 18 */
  --text-xl: 1.375rem;    /* 22 */
  --text-2xl: 1.75rem;    /* 28 */
  --leading-heading: 1.35;
  --leading-body: 1.6;

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-6: 1.5rem;  --space-8: 2rem;   --space-12: 3rem;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);
  --container: 56rem;
  --control-h: 2.75rem;   /* 입력·버튼 높이 44px */

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-full: 999px;
  --border-width: 1px;

  --hue-neutral: 95;   /* 따뜻한 회색 */
  --hue-accent: 170;   /* 짙은 청록: 환경·안전 */
  --n-0: oklch(0.99 0.004 var(--hue-neutral));
  --n-1: oklch(0.965 0.006 var(--hue-neutral));
  --n-2: oklch(0.93 0.008 var(--hue-neutral));
  --n-3: oklch(0.87 0.010 var(--hue-neutral));
  --n-5: oklch(0.62 0.012 var(--hue-neutral));
  --n-6: oklch(0.50 0.014 var(--hue-neutral));
  --n-9: oklch(0.22 0.012 var(--hue-neutral));

  --color-bg: var(--n-0);
  --color-surface: var(--n-1);
  --color-surface-2: var(--n-2);
  --color-border: var(--n-3);
  --color-border-strong: var(--n-5);
  --color-text: var(--n-9);
  --color-text-muted: var(--n-6);
  --color-accent: oklch(0.45 0.09 var(--hue-accent));
  --color-accent-hover: color-mix(in oklch, var(--color-accent), black 14%);
  --color-accent-soft: oklch(0.95 0.025 var(--hue-accent));
  --color-on-accent: oklch(0.99 0 0);
  --color-focus: oklch(0.45 0.09 var(--hue-accent));
  --color-success: oklch(0.45 0.11 150);
  --color-warning: oklch(0.48 0.10 70);
  --color-danger: oklch(0.50 0.17 27);

  --shadow-1: 0 1px 2px oklch(0.2 0.02 var(--hue-neutral) / 0.08);

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;

  --z-sticky: 100; --z-toast: 400;
}