@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* GENERATED from the site theme (Site editor → Brand & look). */
:root {
  color-scheme: light;
  --bg: #f4f3f1; --surface: #ffffff; --surface-2: #f6f6f6; --raised: #ededed;
  --border: #dfdedc; --border-strong: #c9c9c7;
  --text: #1f1f1f; --muted: #6e6b67; --faint: #9d9b97;
  --accent: #2b2b2b; --accent-ink: #ffffff; --accent-soft: rgba(43, 43, 43, 0.08);
  --ok: #1a7f37; --ok-soft: rgba(26, 127, 55, 0.12); --warn: #9a6700; --warn-soft: rgba(154, 103, 0, 0.12);
  --bad: #cf222e; --bad-soft: rgba(207, 34, 46, 0.1); --violet: #8250df; --violet-soft: rgba(130, 80, 223, 0.12);
  --grey-soft: rgba(110, 107, 103, 0.14);
  --radius: 22px; --radius-sm: 12px; --hw: 300;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
html, body { font-size: 14.5px; }
h1 { font-weight: var(--hw); letter-spacing: -.03em; font-size: 26px; }
.btn { border-radius: 999px; padding: 8px 16px; }
.btn.sm { padding: 5px 12px; }
.btn.primary:hover { filter: brightness(1.25); }
a { color: var(--text); }
a:hover { color: var(--text); }
.nav a.active { background: var(--accent); color: var(--accent-ink); }
.danger-note { color: var(--bad); }
.notice { color: var(--warn); }
.brand-mark, .boot-mark { border-radius: 50%; }
.nav a { border-radius: 999px; }
.nav a.moai-ext::after { content: "↗"; margin-left: auto; opacity: .6; }
.moai-sitelink { margin-left: auto; font-size: 13px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border-strong); color: var(--text); white-space: nowrap; }