/* Robin brand styles for the Furo theme.
 *
 * Loaded via ``html_css_files`` in conf.py. Everything here is additive on top
 * of Furo: it bundles the Montserrat brand font (so the ``font-stack`` theme
 * variable actually resolves offline, instead of silently falling back to a
 * system font), frames the help-page screenshots, and tints the note/tip
 * admonitions with the Robin orange.
 */

/* -- Montserrat (Robin brand font) ---------------------------------------- */
/* The .ttf files are the same ones the Robin web app ships, copied under
 * _static/fonts/. Only the weights actually used by the docs are bundled. */
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* -- Screenshot framing ---------------------------------------------------- */
/* Give standalone screenshots a subtle frame so they read as inset figures
 * rather than bleeding into the page. Table images (e.g. the symbology
 * symbols) are explicitly reset so they stay borderless. */
article img {
    border: 1px solid var(--color-background-border);
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(33, 23, 17, 0.12);
}
article table img,
article .sidebar-logo {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* -- Sidebar logo ---------------------------------------------------------- */
/* Keep some breathing room around the Robin logo on the dark sidebar. The SVG
 * carries a viewBox but no width/height attributes, so an explicit height is
 * given here (with auto width) — otherwise the <img> collapses to zero height
 * and the logo appears blank. */
.sidebar-logo-container {
    margin: 0.9rem auto 0.6rem;
}
.sidebar-logo {
    width: auto;
    height: 128px;
    max-width: 90%;
}

/* -- Brand-tinted admonitions --------------------------------------------- */
/* Furo styles notes in blue by default; use the Robin orange instead so the
 * callouts sit inside the brand palette. */
:root {
    --color-admonition-title--note: #f49717;
    --color-admonition-title-background--note: rgba(244, 151, 23, 0.12);
    --color-admonition-title--tip: #f49717;
    --color-admonition-title-background--tip: rgba(244, 151, 23, 0.12);
}