/* Tiro Pro accent colours, mirroring the SPA's config.json accentColor block:
   teal in light mode, green in dark mode. Header chrome is neutral (white /
   black primaries in mkdocs-public.yml), matching the SPA's header, so the
   accent lives in links, controls, and the branding block. The tiro-logo-*
   tokens colour the inline logo in overrides-public/partials/logo.html.
   With `accent: custom`, the --transparent variant and the slate mark /
   code-highlight tokens must be set here too, or those surfaces fall back
   to Material's indigo/blue defaults. */

[data-md-color-scheme="default"] {
    --md-accent-fg-color: #0f766e;
    --md-accent-fg-color--transparent: #0f766e1a;
    --md-typeset-a-color: #0d9488;
    --md-code-hl-color: #0d9488;
    --md-code-hl-color--light: #0d94881a;
    --tiro-logo-text: #0f172a;
    --tiro-logo-accent: #0d9488;
    --tiro-logo-product: #475569;
}

[data-md-color-scheme="slate"] {
    --md-accent-fg-color: #4ade80;
    --md-accent-fg-color--transparent: #4ade801a;
    --md-typeset-a-color: #22c55e;
    --md-typeset-mark-color: #22c55e4d;
    --md-code-hl-color: #22c55e;
    --md-code-hl-color--light: #22c55e1a;
    --tiro-logo-text: #f5f5f5;
    --tiro-logo-accent: #22c55e;
    --tiro-logo-product: #a3a3a3;
}

/* Size the branding block (wordmark over "Tiro Pro") to match the SPA's
   header, where the wordmark renders about 14px tall. */
.md-logo svg {
    height: 2rem;
    width: auto;
}

.md-logo .tiro-logo-text {
    fill: var(--tiro-logo-text);
}

.md-logo .tiro-logo-accent {
    fill: var(--tiro-logo-accent);
}

.md-logo .tiro-logo-product {
    fill: var(--tiro-logo-product);
}