/* The full API reference (Scalar) in Flow's palette (flow-mono web/src/styles/site.css). */
:root { --scalar-font: 'Inter', system-ui, sans-serif; --scalar-font-code: ui-monospace, SFMono-Regular, Menlo, monospace; --scalar-radius: 8px; --scalar-radius-lg: 12px; --scalar-custom-header-height: 52px; }
.light-mode {
  --scalar-background-1: #fafafa; --scalar-background-2: #ffffff; --scalar-background-3: #efedea; --scalar-background-accent: #e9f1f1;
  --scalar-color-1: #1c1a17; --scalar-color-2: rgba(28, 26, 23, 0.72); --scalar-color-3: rgba(28, 26, 23, 0.56);
  --scalar-color-accent: #3e6e85; --scalar-border-color: rgba(28, 26, 23, 0.1);
  --scalar-color-green: #2f7d4f; --scalar-color-red: #b33a48; --scalar-color-yellow: #a8641f; --scalar-color-blue: #3e6e85; --scalar-color-orange: #a8641f; --scalar-color-purple: #6b4fa0;
}
.dark-mode {
  --scalar-background-1: #1c1a17; --scalar-background-2: #24211d; --scalar-background-3: #2e2a25; --scalar-background-accent: #1f3440;
  --scalar-color-1: #f6f4f1; --scalar-color-2: #c9c5bd; --scalar-color-3: #a29d94;
  --scalar-color-accent: #a2c4d5; --scalar-border-color: rgba(255, 255, 255, 0.1);
}
body { margin: 0; background: var(--scalar-background-1, #fafafa); font-family: var(--scalar-font); }
@media (prefers-color-scheme: dark) { body { background: #1c1a17; } }
.fl-ref-head { position: sticky; top: 0; z-index: 100; height: 52px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 16px; background: #fff; border-bottom: 1px solid rgba(28, 26, 23, 0.1); font: 500 15px/1 'Inter', system-ui, sans-serif; }
.fl-ref-head a { color: #1c1a17; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.fl-ref-head nav { display: flex; gap: 16px; font-size: 14px; }
.fl-ref-head nav a { color: rgba(28, 26, 23, 0.72); }
@media (prefers-color-scheme: dark) { .fl-ref-head { background: #201e1a; border-color: rgba(255, 255, 255, 0.1); } .fl-ref-head a { color: #f6f4f1; } .fl-ref-head nav a { color: #c9c5bd; } .fl-ref-head img { filter: invert(1); } }
@media (max-width: 480px) { .fl-ref-head nav a:last-child { display: none; } }