/* ============================================================================
   Eyrie Documentation — Furo Brand Layer
   Matches web_eyrie_color / eyrie_portal:
   primary=#32A88A, accent=#A8325E, secondary=#3d5a52

   Furo handles palette + light/dark toggle via the CSS variables set in
   conf.py (light_css_variables / dark_css_variables). This file only adds
   the distinctly-Eyrie touches Furo variables can't express:
     - Monospace, secondary-colored headings
     - Dark "terminal" code blocks in BOTH light & dark mode (portal log look)
     - A few small component refinements
   ============================================================================ */

:root {
    --eyrie-mono: 'Cascadia Code', 'Fira Code', 'Consolas', 'Liberation Mono', monospace;

    /* Portal-style dark terminal for code blocks (constant across themes) */
    --eyrie-code-bg: #1a2420;
    --eyrie-code-fg: #d4ddd9;
    --eyrie-code-border: #2a3d35;
    --eyrie-code-scrollbar: #5a4d62;
}

/* ============================================================================
   Headings — monospace, brand secondary color
   ============================================================================ */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: var(--eyrie-mono);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--color-sidebar-brand-text);
}

.content h1 {
    border-bottom: 2px solid var(--color-background-border);
    padding-bottom: 0.3rem;
}

.content h2 {
    border-bottom: 1px solid var(--color-background-border);
    padding-bottom: 0.2rem;
}

/* Heading anchor link — brand tinted */
.headerlink {
    font-family: var(--eyrie-mono);
    color: var(--color-brand-primary);
}

/* ============================================================================
   Brand title & sidebar — monospace chrome
   ============================================================================ */

.sidebar-brand-text {
    font-family: var(--eyrie-mono);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.sidebar-tree .toctree-l1 > .reference,
.sidebar-tree .caption-text {
    font-family: var(--eyrie-mono);
}

.sidebar-tree .caption-text {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
}

/* ============================================================================
   Code blocks — dark terminal look in BOTH modes (matches portal log viewer)
   ============================================================================ */

.highlight {
    border: 1px solid var(--eyrie-code-border);
    border-radius: 8px;
}

.highlight pre {
    background: var(--eyrie-code-bg) !important;
    color: var(--eyrie-code-fg);
    font-family: var(--eyrie-mono);
    border-radius: 8px;
}

/* Force the dark-mode Pygments palette (native) in light mode too, so the
   terminal look is consistent. Furo emits highlight tokens that read the
   foreground; pin the container background here. */
body:not([data-theme="dark"]) .highlight {
    background: var(--eyrie-code-bg);
}

.highlight pre::-webkit-scrollbar-thumb {
    background: var(--eyrie-code-scrollbar);
    border-radius: 4px;
}

/* Code block caption */
.code-block-caption {
    font-family: var(--eyrie-mono);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ============================================================================
   Inline code — monospace, brand tint
   ============================================================================ */

.content code.literal,
.rubric code {
    font-family: var(--eyrie-mono);
    border-radius: 4px;
}

/* ============================================================================
   Admonition titles — monospace, compact
   ============================================================================ */

.admonition-title {
    font-family: var(--eyrie-mono);
    font-size: 0.75rem !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admonition,
div.admonition {
    border-radius: 8px;
}

/* ============================================================================
   Tables — monospace uppercase headers (matches .eyrie-table)
   ============================================================================ */

.content table.docutils {
    border-radius: 8px;
    overflow: hidden;
}

.content table.docutils th {
    font-family: var(--eyrie-mono);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-foreground-muted);
    background: var(--color-background-secondary);
}

.content table.docutils tbody tr:hover {
    background: var(--color-background-hover);
}

/* ============================================================================
   Images — screenshot cards
   ============================================================================ */

.content img {
    border: 1px solid var(--color-background-border);
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(61, 90, 82, 0.08);
}

/* ============================================================================
   Misc
   ============================================================================ */

.content blockquote {
    border-left: 3px solid var(--color-brand-primary);
}

/* Definition list terms — monospace */
.content dl.glossary dt,
.content dl.simple dt {
    font-family: var(--eyrie-mono);
    font-weight: 600;
    color: var(--color-sidebar-brand-text);
}

/* Search input & button keep monospace chrome */
.sidebar-search,
.sidebar-search-container input {
    font-family: var(--eyrie-mono);
}