/* Design tokens — Apple-inspired light theme */
:root {
  color-scheme: light;

  /* Surfaces & text (Apple HIG palette) */
  --bg: #ffffff;
  --bg-soft: #f5f5f7;
  --ink: #1d1d1f;
  --ink-soft: #6e6e73;
  --ink-faint: #86868b;
  --line: rgba(0, 0, 0, 0.08);
  --line-strong: rgba(0, 0, 0, 0.14);
  --card: #ffffff;
  --hover: rgba(0, 0, 0, 0.035);
  --code-bg: #f5f5f7;
  --code-ink: #bf4080;
  --accent: #0071e3;
  --accent-ink: #06c;

  /* Soft elevation */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

  /* Layout */
  --content-w: 980px;
  --narrow-w: 740px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-pill: 980px;
  --gap: 16px;

  /* Typography */
  --font: "Pretendard", -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", "Apple SD Gothic Neo", Roboto, sans-serif;
  --mono: "SF Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
  --tracking: -0.01em;

  /* Notion tag palette — [text, background] (kept for DB fidelity) */
  --t-default: #1d1d1f;      --b-default: #f0f0f2;
  --t-gray: #6e6e73;         --b-gray: #f0f0f2;
  --t-brown: #7a5a45;        --b-brown: #f1e6df;
  --t-orange: #c2620e;       --b-orange: #fbe5d2;
  --t-yellow: #b8860b;       --b-yellow: #fcefce;
  --t-green: #2e7d52;        --b-green: #e0f0e4;
  --t-blue: #2f6d96;         --b-blue: #dbeaf4;
  --t-purple: #8255b0;       --b-purple: #ece2f3;
  --t-pink: #b8497f;         --b-pink: #f8e3ee;
  --t-red: #c0392f;          --b-red: #fde0dc;
}