/* Fraunces for headlines (Figtree loaded by Material theme config) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@700&display=swap');

/* ==========================================================================
   Tin Can Brand Theme — MkDocs Material Overrides
   ========================================================================== */

/* -- Brand tokens --------------------------------------------------------- */
:root {
    --tc-orange: #E8611C;
    --tc-gold: #F4C400;
    --tc-cream: #F5EDE0;
    --tc-black: #1A1A1A;
    --tc-white: #FFFFFF;
}

/* -- Material theme variable overrides ------------------------------------ */
[data-md-color-scheme="default"] {
    --md-primary-fg-color: var(--tc-gold);
    --md-primary-bg-color: var(--tc-black);
    --md-accent-fg-color: var(--tc-orange);
    --md-default-bg-color: var(--tc-cream);
    --md-default-fg-color: var(--tc-black);
    --md-typeset-color: var(--tc-black);
    --md-code-bg-color: var(--tc-white);
    --md-text-font: 'Figtree', sans-serif;
    --md-code-font: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

/* -- Typography ----------------------------------------------------------- */
.md-typeset h1,
.md-typeset h2 {
    font-family: 'Fraunces', serif;
    font-weight: 700;
    color: var(--tc-black);
    opacity: 1;
}

/* -- Header bar ----------------------------------------------------------- */
.md-header {
    background-color: var(--tc-gold);
    color: var(--tc-black);
}

.md-header__topic,
.md-header .md-ellipsis {
    color: var(--tc-black);
}

.md-header .md-icon svg {
    color: var(--tc-black);
}

/* -- Sidebar nav ---------------------------------------------------------- */
.md-nav__link {
    color: var(--tc-black) !important;
    opacity: 1 !important;
}

.md-nav__link--active {
    font-weight: 700;
}

/* -- Content links -------------------------------------------------------- */
.md-typeset a {
    color: var(--tc-orange);
}

.md-typeset a:hover {
    font-weight: 600;
}

/* -- Code blocks ---------------------------------------------------------- */
.md-typeset code {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.md-typeset pre > code {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

/* -- Search bar ----------------------------------------------------------- */
.md-search__input {
    background-color: rgba(255, 255, 255, 0.25);
}

.md-search__input::placeholder {
    color: rgba(26, 26, 26, 0.6);
}