/* Notekura brand tokens v2. Source of truth: the Notekura design system (tokens.json).
   No web fonts: every text uses the system font, like Apple Notes, OneNote and Notion. Fast and familiar. */
:root {
  --bg: #ffffff;
  --sidebar: #f5f5f4;
  --hover: #ececea;
  --line: #e6e6e4;
  --line-strong: #8c8c89;
  --text: #1c1c1e;
  --text-2: #636366;
  --brand: #e8590c;
  --accent: #b8420a;
  --on-accent: #ffffff;
  --accent-soft: #fdeee5;
  --highlight: #ffe48a;
  --on-highlight: #1c1c1e;
  --success: #1d7a46;
  --success-bg: #e8f5ee;
  --danger: #c4321f;
  --caution-bg: #fff6dc;
  --caution-text: #6b4e00;
  --focus: var(--accent);
  --link: var(--accent);
  --shadow-window: 0 1px 2px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.12);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.10);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --fast: 120ms;
  /* Aliases: the variable names the current site pages use. */
  --surface: var(--bg); --surface-2: var(--sidebar);
  --muted: var(--text-2); --border: var(--line);
  --accent-ink: var(--on-accent);
  --warn-bg: var(--caution-bg); --warn-border: var(--line); --warn-text: var(--caution-text);
  --ok: var(--success); --err: var(--danger);
  --radius: var(--radius-lg); --shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1c1c1e;
    --sidebar: #252527;
    --hover: #2f2f32;
    --line: #38383b;
    --line-strong: #77777c;
    --text: #f2f2f3;
    --text-2: #a1a1a6;
    --brand: #f26b21;
    --accent: #ff8a4c;
    --on-accent: #1c1c1e;
    --accent-soft: #3a2518;
    --highlight: #6b5300;
    --on-highlight: #fff4cc;
    --success: #5fd08f;
    --success-bg: #16301f;
    --danger: #ff7b6b;
    --caution-bg: #33290f;
    --caution-text: #f5d78a;
    --shadow-window: 0 0 0 1px rgba(255,255,255,0.08), 0 16px 48px rgba(0,0,0,0.5);
    --shadow-pop: 0 4px 16px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #1c1c1e;
  --sidebar: #252527;
  --hover: #2f2f32;
  --line: #38383b;
  --line-strong: #77777c;
  --text: #f2f2f3;
  --text-2: #a1a1a6;
  --brand: #f26b21;
  --accent: #ff8a4c;
  --on-accent: #1c1c1e;
  --accent-soft: #3a2518;
  --highlight: #6b5300;
  --on-highlight: #fff4cc;
  --success: #5fd08f;
  --success-bg: #16301f;
  --danger: #ff7b6b;
  --caution-bg: #33290f;
  --caution-text: #f5d78a;
  --shadow-window: 0 0 0 1px rgba(255,255,255,0.08), 0 16px 48px rgba(0,0,0,0.5);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.5);
  color-scheme: dark;
}
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.625 var(--font-sans); -webkit-font-smoothing: antialiased; }
:lang(ja) body, body:lang(ja) { line-height: 1.75; }
h1, h2, h3 { font-weight: 700; letter-spacing: -0.01em; text-wrap: balance; }
a { color: var(--link); text-underline-offset: 2px; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
mark, .nk-hl { background: var(--highlight); color: var(--on-highlight); border-radius: 3px; padding: 0 .1em; }
.nk-count { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { * { transition-duration: 0ms !important; animation-duration: 0ms !important; } }