/* DAONSNC homepage 2026 — tokens */
:root {
  --bg: #ffffff;
  --bg-subtle: #fbfbfb;
  --bg-muted: #f4f4f4;
  --bg-canvas: #fafafa;

  --ink-1: #0d0d0d;
  --ink-2: #262626;
  --ink-3: #525252;
  --ink-4: #8c8c8c;
  --ink-5: #c4c4c4;

  --line-1: rgba(0, 0, 0, 0.06);
  --line-2: rgba(0, 0, 0, 0.10);
  --line-strong: rgba(0, 0, 0, 0.16);

  --accent: #4f46e5;
  --accent-soft: rgba(79, 70, 229, 0.10);
  --accent-line: rgba(79, 70, 229, 0.22);

  --code-keyword: #7c3aed;
  --code-string: #059669;
  --code-comment: #94a3b8;
  --code-number: #d97706;
  --code-fn: #2563eb;
  --code-prop: #db2777;

  --font-display: "Inter", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Pretendard", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  --shadow-sm: 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 1px 0 rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 1px 0 rgba(0, 0, 0, 0.04), 0 24px 60px rgba(0, 0, 0, 0.10);
}