@use "../../core/helpers/colour" as *;
@use "../../core/settings/colours-applied" as *;

////
/// Header settings
///
/// @group components/header
////

$nhsuk-header-item-colour: $nhsuk-brand-colour;
$nhsuk-header-item-button-colour: nhsuk-tint($nhsuk-brand-colour, 93%);
$nhsuk-header-item-hover-colour: nhsuk-shade($nhsuk-brand-colour, 20%);
$nhsuk-header-item-active-colour: nhsuk-shade($nhsuk-brand-colour, 35%);

$nhsuk-header-reverse-item-colour: $nhsuk-reverse-text-colour;
$nhsuk-header-reverse-item-hover-colour: $nhsuk-reverse-text-colour;
$nhsuk-header-reverse-item-active-colour: $nhsuk-reverse-text-colour;