/* NudgeForMe documentation theme, based on the official nudgeforme.com stylesheet.
   Fonts are loaded from Google Fonts; no font files are included here. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap');

:root {
  --nudge-ink: #1a1d31;
  --nudge-ink-soft: #575b74;
  --nudge-paper: #f7f5ef;
  --nudge-paper-alt: #efece2;
  --nudge-card: #fffdf8;
  --nudge-night: #101228;
  --nudge-night-2: #171a38;
  --nudge-night-ink: #eef0ff;
  --nudge-night-soft: #a0a5c8;
  --nudge-amber: #ffb648;
  --nudge-amber-deep: #e2921f;
  --nudge-periwinkle: #8d95ff;
  --nudge-green: #46c98e;
  --nudge-rose: #ff8e7a;
  --nudge-doc-bg: var(--nudge-paper);
  --nudge-doc-text: var(--nudge-ink);
  --nudge-doc-secondary: var(--nudge-ink-soft);
}
html.dark,
html[data-theme="dark"],
html[data-color-scheme="dark"],
body.dark,
body[data-theme="dark"] {
  --nudge-doc-bg: var(--nudge-night);
  --nudge-doc-text: var(--nudge-night-ink);
  --nudge-doc-secondary: var(--nudge-night-soft);
}

html { font-synthesis: none; }
body {
  font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  background-color: var(--nudge-doc-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif;
  letter-spacing: -0.022em;
}
h1, h2 { font-weight: 800; line-height: 1.12; }
h3, h4 { font-weight: 700; line-height: 1.2; }
code, pre, kbd, samp {
  font-family: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
::selection { background-color: rgba(255,182,72,0.35); }

/* Carry over the rounded, understated product language without overriding documentation layout. */
:where(pre, [data-code-block]) { border-radius: 10px; }
:where(button, [role="button"]) { font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif; }
:where(a, button, [role="button"]):focus-visible {
  outline: 2px solid var(--nudge-amber);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}