/* Fluvo brand palette (matches the logo / favicon). */
:root {
    --color-gold: #f0c154; /* gold gradient start */
    --color-gold-dark: #e5a420; /* gold gradient end */
    --color-teal: #177599; /* teal gradient end (deep) */
    --color-teal-light: #34a6bc; /* teal gradient start (light) */

    --color-fluvo-gold: linear-gradient(
        135deg,
        var(--color-gold),
        var(--color-gold-dark)
    );
    --color-fluvo-teal: linear-gradient(
        135deg,
        var(--color-teal-light),
        var(--color-teal)
    );
}

/* Brand the shibuya theme: override its accent/link variables with Fluvo teal.
   This file is loaded after the theme CSS, so these win. */
:root,
html[data-theme="light"] {
    --sy-c-link: #177599;
    --sy-c-link-hover: #008080;
}

html[data-theme="dark"] {
    --sy-c-link: #34a6bc;
    --sy-c-link-hover: #20b2aa;
}

/* Logo sizing in header */
.shibuya-logo img {
    max-height: 40px;
    width: auto;
}

/* Favicon ensures spacing */
.shibuya-favicon {
    margin-right: 8px;
}

/* Hero/banner if used in index.rst */
.docs-hero {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 2rem auto;
    display: block;
}