/* 에일리오 디자인 토큰 — custom «Graphite Atelier» (10-09 사용자 요청 «심플 고급»)
 * vibe: 흑백 갤러리 · 절제 · 사진이 주인공 · paper oklch(98.6% 0.003 85) · accent oklch(74% 0.085 78) champagne(점·선에만)
 * display Wanted Sans + body Pretendard · axes: light / grotesk-sans / neutral(+champagne micro)
 * 색·글꼴·간격은 여기 이름으로만 쓴다.
 */
:root {
  --color-paper: oklch(98.6% 0.003 85);
  --color-paper-2: oklch(96.2% 0.004 85);
  --color-paper-3: oklch(93% 0.005 85);
  --color-surface: oklch(100% 0 0);
  --color-ink: oklch(16.5% 0.004 265);
  --color-ink-soft: oklch(27% 0.004 265);
  --color-ink-2: oklch(37% 0.005 265);
  --color-ink-3: oklch(50% 0.005 265);
  --color-line: oklch(90.5% 0.004 85);
  --color-line-strong: oklch(82% 0.005 85);
  --color-on-ink: oklch(98.6% 0.003 85);
  --color-on-ink-2: oklch(78% 0.004 85);
  --color-accent: oklch(74% 0.085 78);
  --color-accent-ink: oklch(45% 0.07 70);
  --color-accent-wash: oklch(96.5% 0.018 80);
  --color-danger: oklch(48% 0.15 25);
  --color-danger-wash: oklch(96.5% 0.02 25);
  --color-success: oklch(45% 0.08 155);
  --color-focus: oklch(16.5% 0.004 265);
  --color-scrim: oklch(16.5% 0.004 265 / 0.46);
  --color-veil: oklch(100% 0 0 / 0.7);
  --color-glass: oklch(16.5% 0.004 265 / 0.74);
  --color-shadow: oklch(16.5% 0.004 265 / 0.08);
  --color-shadow-deep: oklch(16.5% 0.004 265 / 0.22);

  --font-display: "Wanted Sans Variable", "Wanted Sans", "Pretendard Variable", sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", system-ui, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: clamp(1.45rem, 1.1rem + 1.2vw, 1.9rem);
  --text-display: clamp(1.9rem, 1.1rem + 3vw, 3.25rem);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px;

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-hero: 18px;
  --radius-pill: 999px;

  --shadow-soft: 0 1px 2px var(--color-shadow), 0 16px 40px -24px var(--color-shadow-deep);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur: 200ms;

  --rail-w: 88px;
  --tabbar-h: 64px;
  --page-max: 1200px;
  --gutter: clamp(16px, 3.4vw, 44px);
}