/* Load after client-ui.css. These are additive semantic tokens only. */
:root {
    --soas-text-on-primary: #fff;
    --soas-surface-subtle: color-mix(in srgb, var(--soas-border-default) 18%, var(--soas-surface-card));
    --soas-surface-selected: color-mix(in srgb, var(--soas-color-primary) 8%, var(--soas-surface-card));
    --soas-border-primary-soft: color-mix(in srgb, var(--soas-color-primary) 35%, var(--soas-border-default));
    --soas-shadow-drawer: -18px 0 48px color-mix(in srgb, var(--soas-text-primary) 8%, transparent);
}

/* Optional host utility if the app shell does not already set the page background. */
.soas-proposals-host {
    background: var(--soas-surface-page);
    color: var(--soas-text-primary);
    min-height: 100%;
}