/*
 * Header — Centred — scoped styles
 *
 * Whyso Design System — auto-generated from the Whyso hub.
 * Project: Metters & Wellby
 * Generated: 2026-04-20T21:20:50+00:00
 *
 * Scoped to .header-centred. Relies on tokens.css being loaded first.
 */

.header-centred {
    padding-block: var(--space-m);
}

.header-centred__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);
}

/* Surface variants — paired with data-surface attribute */
.header-centred[data-surface="light"] { background: var(--color-bg); color: var(--color-text); }
.header-centred[data-surface="alt"] { background: var(--color-bg-alt); color: var(--color-text); }
.header-centred[data-surface="dark"] { background: var(--color-bg-dark); color: var(--color-text-inverse); }