/* 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: #f8f5ff;
    --bg-header: #ede9fe;
    --bg-footer: #ddd6fe;
    --bg-card: #ffffff;
    --bg-card-hover: #f3e8ff;
    --bg-banner: #f3e8ff;
    --text-primary: #2e1065;
    --text-secondary: #6d28d9;
    --text-muted: #6b5a84;
    --text-dark: #2e1065;
    --accent: #8b5cf6;
    --accent-hover: #06b6d4;
    --accent-secondary: #06b6d4;
    --accent-tertiary: #c4b5fd;
    --btn-primary-bg-flat: #8b5cf6;
    --btn-primary-border: #8b5cf6;
    --btn-primary-hover-bg-flat: #06b6d4;
    --btn-primary-hover-border: #06b6d4;
    --btn-secondary-text: #2e1065;
    --btn-secondary-border: #06b6d4;
    --border-color: #c4b5fd;
    --border-color-light: #c4b5fd;
    --hero-gradient: linear-gradient(135deg,#ede9fe 0%,#c4b5fd 44%,#06b6d4 100%);
    --floating-bar-bg: linear-gradient(135deg,#ede9fe 0%,#c4b5fd 44%,#06b6d4 100%);
    --floating-bar-text: #2e1065;
    --hero-highlight-color: #2e1065;
    --hero-highlight-bg: rgba(255,255,255,.18);
    --hero-highlight-border: #c4b5fd;
}