/* Blog overrides; shared palette, spacing and easing come from /tokens.css. */
:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
  --font-japanese: var(--font-body);
  --font-code: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --text-body: 1.0625rem;
  --text-code: .875rem;
  --text-heading: clamp(1.75rem, 3.6vw, 2.5rem);
  --text-wordmark: 2.25rem;
  --text-year: 2rem;
  --reading-width: 760px;
  --sidebar-width: 260px;
  --page-width: calc(var(--reading-width) + var(--space-2xl) + var(--sidebar-width));
  --page-gutter: clamp(20px, 4vw, 48px);
  --color-code-comment: var(--color-muted);
  --color-code-keyword: var(--color-accent);
  --color-code-string: var(--color-ink);
  --color-accent-ink: var(--color-paper);
}
:root {
  --radius-card: 12px;
  --radius-switch: 999px;
  --dur-detail: 240ms;
}

/* Garden composition: paper, botanical detail and water highlights. */
:root {
  --color-garden-leaf: oklch(43% .075 140);
  --color-garden-vein: oklch(72% .055 115);
  --color-garden-water: oklch(95% .025 100);
  --color-garden-mat: var(--color-surface);
  --color-garden-shadow: var(--color-sheet-shadow);
  --color-garden-sheet: var(--color-sheet);
  --dur-garden-leaf: 7s;
  --dur-garden-water: 5s;
  --radius-garden-window: 48% 48% 4px 4px / 24% 24% 4px 4px;
}
:root[data-theme='dark'] {
  --color-garden-leaf: oklch(48% .065 140);
  --color-garden-vein: oklch(67% .055 120);
}

:root { --color-notebook-rule: color-mix(in oklch, var(--color-rule) 35%, var(--color-notebook-paper)); }

:root {
  --color-notebook-paper: var(--color-garden-sheet);
  --color-tape: oklch(76% .055 135 / .78);
  --color-tape-edge: oklch(58% .055 135 / .45);
}
:root[data-theme='dark'] {
  --color-tape: oklch(59% .055 135 / .65);
  --color-tape-edge: oklch(73% .05 135 / .4);
}

/* Small stationery accents, kept off the main paper surface. */
:root {
  --color-stationery-moss: var(--color-accent);
  --color-stationery-sage-paper: oklch(88% .035 130);
  --color-stationery-rust: oklch(43% .085 40);
  --color-stationery-sage: oklch(74% .055 135);
  --color-notebook-rule: color-mix(in oklch, var(--color-stationery-moss) 15%, var(--color-notebook-paper));
}
:root[data-theme='dark'] {
  --color-stationery-moss: var(--color-accent);
  --color-stationery-sage-paper: oklch(32% .03 135);
  --color-stationery-rust: oklch(80% .075 45);
  --color-stationery-sage: oklch(49% .055 135);
}

:root { --color-notebook-spine: oklch(37% .075 145); }
:root[data-theme='dark'] { --color-notebook-spine: oklch(24% .05 145); }
