.box {
    padding: var(--tVspacingMedium) var(--tHspacingMedium);
    margin-bottom: var(--tVspacingMedium);
    border-radius: var(--tBorderRadiusBox);
}

.box > *:last-child,
.box > .article:last-child > *:last-child {
    margin-bottom: 0;
}

.box.box--default {
    background-color: var(--tColorContrast1);
}

.box.box--brand {
    background-color: var(--tBrandColorContrast0);
    color: var(--tBrandColorContrast100);
    --tColorContrast0: var(--tBrandColorContrast0);
    --tColorContrast1: var(--tBrandColorContrast1);
    --tColorContrast20: var(--tBrandColorContrast20);
    --tColorContrast60: var(--tBrandColorContrast60);
    --tColorContrast80: var(--tBrandColorContrast80);
    --tColorContrast100: var(--tBrandColorContrast100);
    --tLinkColor: var(--tBrandColorContrast80);
    --tLinkHoverColor: var(--tBrandColorContrast100);

    --tButtonPrimaryBgColor: var(--tBrandColorContrast100);
    --tButtonPrimaryFgColor: var(--tBrandColorContrast0);
    --tButtonPrimaryHoverBgColor: var(--tBrandColorContrast20);
    --tButtonPrimaryHoverFgColor: var(--tBrandColorContrast100);

    --tButtonDefaultBgColor: var(--tBrandColorContrast80);
    --tButtonDefaultFgColor: var(--tBrandColorContrast0);
    --tButtonDefaultHoverBgColor: var(--tBrandColorContrast20);
    --tButtonDefaultHoverFgColor: var(--tBrandColorContrast100);
}

.box.box--warning{
    background-color: var(--tDangerColorContrast0);
    color: var(--tDangerColorContrast100);
    --tColorContrast0: var(--tDangerColorContrast0);
    --tColorContrast1: var(--tDangerColorContrast1);
    --tColorContrast20: var(--tDangerColorContrast20);
    --tColorContrast60: var(--tDangerColorContrast60);
    --tColorContrast80: var(--tDangerColorContrast80);
    --tColorContrast100: var(--tDangerColorContrast100);
    --tLinkColor: var(--tDangerColorContrast80);
    --tLinkHoverColor: var(--tDangerColorContrast100);

    --tButtonPrimaryBgColor: var(--tDangerColorContrast100);
    --tButtonPrimaryFgColor: var(--tDangerColorContrast0);
    --tButtonPrimaryHoverBgColor: var(--tDangerColorContrast20);
    --tButtonPrimaryHoverFgColor: var(--tDangerColorContrast100);

    --tButtonDefaultBgColor: var(--tDangerColorContrast80);
    --tButtonDefaultFgColor: var(--tDangerColorContrast0);
    --tButtonDefaultHoverBgColor: var(--tDangerColorContrast20);
    --tButtonDefaultHoverFgColor: var(--tDangerColorContrast100);
}

.box.box--success {
    background-color: var(--tSuccessColorContrast0);
    color: var(--tSuccessColorContrast100);
    --tColorContrast0: var(--tSuccessColorContrast0);
    --tColorContrast1: var(--tSuccessColorContrast1);
    --tColorContrast20: var(--tSuccessColorContrast20);
    --tColorContrast60: var(--tSuccessColorContrast60);
    --tColorContrast80: var(--tSuccessColorContrast80);
    --tColorContrast100: var(--tSuccessColorContrast100);
    --tLinkColor: var(--tSuccessColorContrast80);
    --tLinkHoverColor: var(--tSuccessColorContrast100);

    --tButtonPrimaryBgColor: var(--tSuccessColorContrast100);
    --tButtonPrimaryFgColor: var(--tSuccessColorContrast0);
    --tButtonPrimaryHoverBgColor: var(--tSuccessColorContrast20);
    --tButtonPrimaryHoverFgColor: var(--tSuccessColorContrast100);

    --tButtonDefaultBgColor: var(--tSuccessColorContrast80);
    --tButtonDefaultFgColor: var(--tSuccessColorContrast0);
    --tButtonDefaultHoverBgColor: var(--tSuccessColorContrast20);
    --tButtonDefaultHoverFgColor: var(--tSuccessColorContrast100);
}