/* ---------------------------------------------------------------------------
   Brand palette — the colours of turso.tech, applied to the whole site.

   Values come from the official brand page (https://turso.tech/brand):
   Turso Aqua #4FF8D2, Dark Teal #183134, Pickled Bluewood #293945,
   Mirage #162129, Bunker #0D1318. The site is dark only, like turso.tech:
   `mkdocs.yml` declares a single `slate` palette with no toggle.
   --------------------------------------------------------------------------- */

:root {
    --turso-aqua: #4ff8d2;
    --turso-dark-teal: #183134;
    --turso-bluewood: #293945;
    --turso-mirage: #162129;
    --turso-bunker: #0d1318;
}

/* Header, tabs and primary surfaces: Bunker, whatever the scheme. */
[data-md-color-primary="custom"] {
    --md-primary-fg-color: var(--turso-bunker);
    --md-primary-fg-color--light: var(--turso-mirage);
    --md-primary-fg-color--dark: var(--turso-dark-teal);
    --md-primary-bg-color: #ffffff;
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Accent: Turso Aqua. */
[data-md-color-accent="custom"] {
    --md-accent-fg-color: var(--turso-aqua);
    --md-accent-fg-color--transparent: rgba(79, 248, 210, 0.1);
    --md-accent-bg-color: var(--turso-bunker);
    --md-accent-bg-color--light: rgba(13, 19, 24, 0.7);
}

/* Dark scheme: the turso.tech surfaces. */
[data-md-color-scheme="slate"] {
    --md-hue: 210;
    --md-default-bg-color: var(--turso-bunker);
    --md-default-bg-color--light: rgba(13, 19, 24, 0.7);
    --md-default-bg-color--lighter: rgba(13, 19, 24, 0.3);
    --md-default-bg-color--lightest: rgba(13, 19, 24, 0.12);
    --md-default-fg-color: rgba(255, 255, 255, 0.87);
    --md-default-fg-color--light: #9ca3af;
    --md-default-fg-color--lighter: rgba(156, 163, 175, 0.5);
    --md-default-fg-color--lightest: rgba(156, 163, 175, 0.12);
    --md-code-bg-color: var(--turso-mirage);
    --md-code-fg-color: #e6edf3;
    --md-typeset-a-color: var(--turso-aqua);
    --md-typeset-table-color: rgba(41, 57, 69, 0.6);
    --md-admonition-bg-color: var(--turso-mirage);
    --md-footer-bg-color: var(--turso-mirage);
    --md-footer-bg-color--dark: var(--turso-bunker);
    --md-footer-fg-color: rgba(255, 255, 255, 0.87);
    --md-footer-fg-color--light: #9ca3af;
}

/* Card borders and the current item of the sidebar follow the palette. */
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li {
    border-color: var(--turso-bluewood);
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover {
    border-color: var(--turso-aqua);
}

/* The primary button: aqua on Bunker, like turso.tech's call to action. The
   theme fills it with the primary colour, which here is the page background,
   so without this rule it would read as a plain outline. */
.md-typeset .md-button--primary {
    color: var(--turso-bunker);
    border-color: var(--turso-aqua);
    background-color: var(--turso-aqua);
}

.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus {
    color: var(--turso-bunker);
    border-color: var(--turso-aqua);
    background-color: var(--turso-aqua);
    filter: brightness(1.1);
}