/* GitUltra color palette v0.2 -- public marketing pages only.
   See chart-graphics/Color palette v0.2.pdf and
   gitultra-wiki/Specs/Marketing-Site-Redesign.md for the full spec.

   Interactive (#4259ED) is NOT redefined here -- it already equals
   Landflow's compiled Bootstrap $primary (css/landflow/colors/default.css),
   so .btn-primary/.text-primary/.bg-soft-primary/etc. already resolve
   correctly with no override. brand.css (admin, Fomantic) is untouched. */
:root {
    --gu-ultra: #6D82FF;      /* brand accent: graphics, icon fills, first chart series -- text only on dark */
    --gu-mist: #EAF2FF;       /* tinted panels, hover rows, code backgrounds on light */
    --gu-ink: #0E1116;        /* body text, dark sections */
    --gu-slate: #4A5568;      /* secondary text, captions */
    --gu-steel: #B7C0CE;      /* borders, dividers on white -- never text */
    --gu-cloud: #E9EDF3;      /* subtle dividers, empty states */
    --gu-band: #F8F9FC;       /* alternate page sections (Landflow's own $light) */
    --gu-white: #FFFFFF;
}

.gu-band {
    background-color: var(--gu-band);
}

.gu-dark-section {
    background-color: var(--gu-ink);
    color: var(--gu-white);
}

.gu-panel-img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

/* Beta-apply honeypot field -- mirrors brand.css's .gitultra-honeypot
   (admin/Fomantic side) so both sides hide it the same way without
   sharing a stylesheet. */
.gu-honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* In-page anchor that isn't at the top of its section: offset so the
   fixed #topnav (74px) doesn't cover the target when jumped to. */
.gu-anchor {
    scroll-margin-top: 90px;
}

/* GA consent banner sits on Ink -- Landflow's .btn-outline-light renders
   near-invisible text there, and its hover is white-on-white. */
#ga-consent-banner .btn-outline-light {
    color: var(--gu-white) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    background-color: transparent !important;
}
#ga-consent-banner .btn-outline-light:hover,
#ga-consent-banner .btn-outline-light:focus {
    color: var(--gu-ink) !important;
    background-color: var(--gu-white) !important;
    border-color: var(--gu-white) !important;
}