/* Cross-theme readability overrides */
:root {
    --hero-highlight-color: #ffffff;
    --hero-highlight-bg: rgba(5, 10, 20, 0.36);
    --hero-highlight-border: rgba(255, 255, 255, 0.26);
    --hero-highlight-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
}

.grans981-hero__highlight {
    color: var(--hero-highlight-color);
    background: var(--hero-highlight-bg);
    border: 1px solid var(--hero-highlight-border);
    border-radius: calc(var(--radius-sm) * 0.75);
    padding: 0.08em 0.38em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    text-shadow: var(--hero-highlight-shadow);
    font-weight: var(--font-weight-bold);
}


/* Unique site colour palette */
:root {
    --bg-body: #f7fff8;
    --bg-header: #e8fff0;
    --bg-footer: #dcfce7;
    --bg-card: #ffffff;
    --bg-card-hover: #ecfdf5;
    --bg-banner: #ecfdf5;
    --text-primary: #052e16;
    --text-secondary: #047857;
    --text-muted: #4b6358;
    --text-dark: #052e16;
    --accent: #16a34a;
    --accent-hover: #f97316;
    --accent-secondary: #f97316;
    --accent-tertiary: #bbf7d0;
    --btn-primary-bg-flat: #16a34a;
    --btn-primary-border: #16a34a;
    --btn-primary-hover-bg-flat: #f97316;
    --btn-primary-hover-border: #f97316;
    --btn-secondary-text: #052e16;
    --btn-secondary-border: #f97316;
    --border-color: #bbf7d0;
    --border-color-light: #bbf7d0;
    --hero-gradient: linear-gradient(135deg,#dcfce7 0%,#86efac 45%,#fb923c 100%);
    --floating-bar-bg: linear-gradient(135deg,#dcfce7 0%,#86efac 45%,#fb923c 100%);
    --floating-bar-text: #052e16;
    --hero-highlight-color: #052e16;
    --hero-highlight-bg: rgba(255,255,255,.18);
    --hero-highlight-border: #bbf7d0;
}