/* neurise.io Dokumentacja (Blume) - warstwa marki Neurise Design System.
   Wyrownuje docsy do landingu: fonty Inter (UI) + JetBrains Mono (kod),
   akcent orange, hairline'y i gradientowy pasek pod naglowkiem.
   Reguly sa bez @layer, wiec nadpisuja tokeny frameworka (Header.css). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,400;1,500;1,700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ---- fonty marki (wspolne dla light i dark) ---- */
:root {
  --blume-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --blume-font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --blume-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --blume-font-body-src: "Inter", system-ui, sans-serif;
  --blume-font-display-src: "Inter", system-ui, sans-serif;
  --blume-font-mono-src: "JetBrains Mono", ui-monospace, monospace;
}

/* ---- akcent marki (reafirmacja dokladnych hexow DS) ---- */
:root { --blume-accent: #F06206; --blume-accent-foreground: #FFFFFF; }
:root[data-theme="dark"] { --blume-accent: #FF7F11; --blume-accent-foreground: #150826; }

/* ---- naglowek jak na landingu: hairline + gradientowy akcent ---- */
[data-blume-header] { border-bottom: 1px solid var(--blume-border); }
[data-blume-header]::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
  background: linear-gradient(135deg, #F06206 12%, #FF7F11 86%); opacity: 0.9; pointer-events: none;
}