/* 디자인 토큰 — 색·타이포·간격·모션 (light 기본, dark 재정의) */

:root {
  color-scheme: light dark;

  /* Surface & ink */
  --paper: oklch(97.2% 0.009 85);
  --paper-raised: oklch(99% 0.006 85);
  --paper-deep: oklch(94% 0.012 82);
  --ink: oklch(22% 0.014 70);
  --ink-soft: oklch(45% 0.012 70);
  --ink-faint: oklch(62% 0.010 70);
  --rule: oklch(22% 0.014 70 / 0.14);
  --rule-strong: oklch(22% 0.014 70 / 0.32);

  /* Accent */
  --accent: oklch(52% 0.163 34);
  --accent-soft: oklch(52% 0.163 34 / 0.12);
  --accent-ink: oklch(97% 0.01 85);

  /* Type */
  --font-display: "Gowun Batang", "Nanum Myeongjo", ui-serif, Georgia, serif;
  --font-body: "IBM Plex Sans KR", "Pretendard", -apple-system, BlinkMacSystemFont,
    "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --text-micro: 0.75rem;
  --text-small: 0.8125rem;
  --text-body: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lede: clamp(1.0625rem, 0.98rem + 0.45vw, 1.375rem);
  --text-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);
  --text-h2: clamp(1.75rem, 1.4rem + 1.6vw, 3rem);
  --text-work: clamp(2rem, 1.4rem + 2.8vw, 4.25rem);
  --text-hero: clamp(2.5rem, 1.4rem + 5.4vw, 6.5rem);

  /* Space */
  --gutter: clamp(1.25rem, 0.9rem + 1.8vw, 3.5rem);
  --space-section: clamp(4.5rem, 3rem + 7vw, 10rem);
  --measure: 34rem;
  --shell: 76rem;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 420ms;
  --duration-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: oklch(17.5% 0.011 70);
    --paper-raised: oklch(21% 0.013 70);
    --paper-deep: oklch(14% 0.010 70);
    --ink: oklch(94% 0.008 85);
    --ink-soft: oklch(75% 0.010 82);
    --ink-faint: oklch(58% 0.010 80);
    --rule: oklch(94% 0.008 85 / 0.16);
    --rule-strong: oklch(94% 0.008 85 / 0.34);

    --accent: oklch(70% 0.145 42);
    --accent-soft: oklch(70% 0.145 42 / 0.16);
    --accent-ink: oklch(17% 0.011 70);
  }
}