/*
  nonamestudio · design tokens
  단일 진실 원천. styles.css, admin.css, auth.css가 모두 참조.
*/
:root {
  /* ── Color ── */
  --c-bg: #ffffff;
  --c-bg-alt: #fafafa;
  --c-bg-soft: #f5f5f4;
  --c-fg: #111111;
  --c-fg-soft: #444444;
  --c-muted: #6b6b6b;
  --c-faint: #999999;
  --c-line: #e6e6e6;
  --c-line-soft: #f0f0f0;
  --c-accent: #111111;
  --c-success: #2a7c3a;
  --c-warn: #b78b00;
  --c-warn-bg: #fffbe6;
  --c-warn-border: #ffe58f;
  --c-danger: #c43c3c;
  --c-danger-bg: #fff0f0;

  /* ── Type ── */
  --f-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", sans-serif;
  --f-serif: "Cormorant Garamond", "Times New Roman", serif;

  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-22: 22px;
  --fs-32: 32px;
  --fs-hero: clamp(64px, 14vw, 180px);

  --lh-tight: 1.15;
  --lh-base: 1.6;

  --tracking-wide: 0.16em;
  --tracking-wider: 0.2em;

  /* ── Spacing (4-px scale) ── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 14px;
  --s-5: 16px;
  --s-6: 20px;
  --s-7: 24px;
  --s-8: 28px;
  --s-9: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;

  /* ── Layout ── */
  --max-w: 1200px;
  --max-w-narrow: 720px;

  /* ── Radius / Border ── */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* ── Shadow ── */
  --sh-1: 0 1px 3px rgba(0, 0, 0, 0.04);
  --sh-2: 0 4px 16px rgba(0, 0, 0, 0.08);
  --sh-pop: 0 12px 40px rgba(0, 0, 0, 0.18);

  /* ── Motion ── */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;

  /* ── Z layers ── */
  --z-header: 50;
  --z-nav: 60;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-toast: 1100;
}

/* legacy aliases used by older selectors — keep until full migration */
:root {
  --bg: var(--c-bg);
  --fg: var(--c-fg);
  --muted: var(--c-muted);
  --line: var(--c-line);
  --accent: var(--c-accent);
  --max: var(--max-w);
}
