/* FalconSmith Documentation Theme
   ================================
   Theme-aware: every color rule is scoped to html[data-theme="light"] or
   html[data-theme="dark"] so the pydata theme's toggle works in both modes.
   Unscoped rules are layout/typography only. The dark palette matches
   falconsmith.com (bg #0b0f14, panel #121820, line #1f2a36, accent #5ee7ff). */

body {
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    line-height: 1.6;
}

code, pre {
    font-size: 13px;
    border-radius: 4px;
}

/* ---------------------------------------------------------------- layout */

.bd-article-container {
    max-width: 100%;
}

.bd-sidebar-primary {
    width: 16rem;
    min-width: 16rem;
}

.bd-sidebar-secondary {
    width: 14rem;
    min-width: 14rem;
}

.bd-content {
    max-width: none;
}

/* ------------------------------------------------------------ light mode */

html[data-theme="light"] pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3 {
    color: #002b55;
}

html[data-theme="light"] {
    --pst-color-primary: #005a9e;
}

/* ------------------------------------------------------------- dark mode
   Aligned with the falconsmith.com palette so site and documentation read
   as one product. Only pydata tokens + scoped rules - no !important. */

html[data-theme="dark"] {
    --pst-color-background: #0b0f14;
    --pst-color-on-background: #121820;
    --pst-color-surface: #121820;
    --pst-color-border: #1f2a36;
    --pst-color-primary: #5ee7ff;
    --pst-color-secondary: #69e6a3;
    --pst-color-text-base: #e6edf3;
    --pst-color-text-muted: #8b9aaa;
}

html[data-theme="dark"] pre {
    background: #0f151d;
    border: 1px solid #1f2a36;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
    color: #e6edf3;
}

html[data-theme="dark"] code {
    color: #cbd5e1;
}