/* Tim's Web Worx brand overrides for the Shufy child theme.
   Rose #A05070 | Rose dark #7D3F58 | Navy #1F3048 | Cream #F9EFE5 | Font DM Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

html body {
    --twwrose: #A05070;
    --twwrose-dark: #7D3F58;
    --twwnavy: #1F3048;
    --twwcream: #F9EFE5;

    --background-4: #A05070;
    --background-5: #A05070;
    --background-11: #A05070;
    --background-12: #A05070;
    --background-13: #A05070;
    --background-15: #A05070;
    --background-9: #1F3048;
    --background-8: #F9EFE5;

    --btn-primary-bg: #A05070;
    --btn-primary-border: #A05070;
    --btn-primary-color: #FFFFFF;
    --btn-primary-bg-hover: #7D3F58;
    --btn-primary-border-hover: #7D3F58;
    --btn-primary-color-hover: #FFFFFF;
    --btn-primary-light-color: #A05070;

    --a-link-color: #A05070;
    --a-link-color-hover: #7D3F58;
    --sidebarcolorsdefaultoneitemtexthover: #A05070;
    --sidebarcolorsdefaultoneitemiconhover: #A05070;
    --sidebarcolorsdefaultonedropdownitemtexthover: #A05070;
    --sidebarcolorsdefaultonedropdownitemiconhover: #A05070;
    --sidebarcolorsdarkoneitemtexthover: #D58AA8;
    --sidebarcolorsdarkoneitemiconhover: #D58AA8;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Buttons: every variant gets a visible hover and focus state */
.btn-primary, .btn-primary:focus {
    background-color: #A05070;
    border-color: #A05070;
    color: #fff;
}
.btn-primary:hover, .btn-primary:active {
    background-color: #7D3F58;
    border-color: #7D3F58;
    color: #fff;
}
.btn-outline-primary, .btn-outline-primary:focus {
    color: #A05070;
    border-color: #A05070;
    background: transparent;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    color: #fff;
    background-color: #A05070;
    border-color: #A05070;
}
.btn:focus-visible, a:focus-visible {
    outline: 2px solid #A05070;
    outline-offset: 2px;
}

/* Floating "back to the main website" button (footer.tpl) */
a.tww-back {
    transition: background-color .2s ease, transform .2s ease;
}
a.tww-back:hover {
    background-color: #7D3F58 !important;
    color: #fff !important;
    transform: translateX(-2px);
}

/* Footer links hover rose */
.bottom__footer__links__list a:hover,
.footer__copyright__wrapper a:hover,
.footer__contact__methods__item:hover {
    color: #A05070;
}