:root
{
    --brand-primary-light: #809678;
    /* RGB: 128, 150, 120 */
    --brand-primary-dark: #345b4e;
    /* RGB: 52, 91, 78 */
    --brand-secondary-light: #fdf9f2;
    /* RGB: 253, 249, 242 */
    --brand-secondary-mid: #dfcdae;
    /* RGB: 223, 205, 174 */
    --brand-secondary-dark: #3b3a36;
    /* RGB: 59, 58, 54 */

    --brand-spring-1: #c1c186;
    /* RGB: 193, 193, 134 */
    --brand-spring-2: #a5b886;
    /* RGB: 165, 184, 134 */
    --brand-autumn-1: #e68870;
    /* RGB: 230, 136, 112 */
    --brand-autumn-2: #d46d53;
    /* RGB: 212, 109, 83 */
    --brand-autumn-3: #b64b12;
    /* RGB: 182, 75, 18 */
    --brand-summer-1: #e4c384;
    /* RGB: 228, 195, 132 */
    --brand-summer-2: #edb077;
    /* RGB: 237, 176, 119 */
    --brand-summer-3: #ef9568;
    /* RGB: 239, 149, 104 */
    --brand-winter-1: #bdd5df;
    /* RGB: 189, 213, 223 */
    --brand-winter-2: #9ab9c6;
    /* RGB: 154, 185, 198 */
    --brand-winter-3: #8198a2;
    /* RGB: 129, 152, 162 */

    --brand-headline-font: "Newsreader", Georgia, serif;
    --brand-button-font: "Newsreader", Georgia, serif;
    --brand-body-font: "Poppins", Arial, sans-serif;
    --brand-accent-font: "Sacramento", cursive;
}


/*===============================================================================
FONTS 2026 START
================================================================================*/

@font-face
{
    font-family: "Newsreader";
    src:
        url("https://media.seasons52.com/fonts/2026/Newsreader/Newsreader-VariableFont.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Newsreader/Newsreader-VariableFont.woff") format("woff");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Newsreader";
    src:
        url("https://media.seasons52.com/fonts/2026/Newsreader/Newsreader-Italic-VariableFont.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Newsreader/Newsreader-Italic-VariableFont.woff") format("woff");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Sacramento";
    src:
        url("https://media.seasons52.com/fonts/2026/Sacramento/Sacramento-Regular.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Sacramento/Sacramento-Regular.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Sacramento/Sacramento-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Thin.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Thin.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ThinItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ThinItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLight.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLight.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLightItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLightItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Light.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Light.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-LightItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-LightItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Regular.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Regular.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Italic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Italic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Medium.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Medium.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-MediumItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-MediumItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBold.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBold.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBoldItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBoldItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Bold.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Bold.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BoldItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BoldItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBold.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBold.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBoldItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBoldItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Black.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Black.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: "Poppins";
    src:
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BlackItalic.woff2") format("woff2"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BlackItalic.woff") format("woff"),
        url("https://media.seasons52.com/fonts/2026/Poppins/Poppins-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button
{
    font-family: var(--brand-headline-font, "Newsreader", Georgia, serif);
    font-weight: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6
{
    color: var(--brand-primary-dark, #345b4e);
    text-transform: uppercase;
}

body
{
    background-color: var(--brand-secondayr-light, #fdf9f2);
    color: var(--brand-secondary-dark, #3b3a36);
    font-family: var(--brand-body-font, "Poppins", Arial, sans-serif);
}

.font--headline
{
    font-family: var(--brand-headline-font) !important;
}

.font--accent
{
    font-family: var(--brand-accent-font) !important;
}

.font--body
{
    font-family: var(--brand-body-font) !important;
}

/*===============================================================================
FONTS 2026 END
================================================================================*/


/*===============================================================================
BACKGROUND COLORS AND PATTERNS 2026 START
================================================================================*/
.bg--primary-light
{
    background-color: var(--brand-primary-light, #809678) !important;
}

.bg--primary-dark
{
    background-color: var(--brand-primary-dark, #345b4e) !important;
}

.bg--secondary-light
{
    background-color: var(--brand-secondary-light, #fdf9f2) !important;
}

.bg--secondary-mid
{
    background-color: var(--brand-secondary-mid, #dfcdae) !important;
}

.bg--secondary-dark
{
    background-color: var(--brand-secondary-dark, #3b3a36) !important;
}

.bg--spring-1
{
    background-color: var(--brand-spring-1, #c1c186) !important;
}

.bg--spring-2
{
    background-color: var(--brand-spring-2, #a5b886) !important;
}

.bg--autumn-1
{
    background-color: var(--brand-autumn-1, #e68870) !important;
}

.bg--autumn-2
{
    background-color: var(--brand-autumn-2, #d45d53) !important;
}

.bg--autumn-3
{
    background-color: var(--brand-autumn-3, #b64b12) !important;
}

.bg--summer-1
{
    background-color: var(--brand-summer-1, #e4c384) !important;
}

.bg--summer-2
{
    background-color: var(--brand-summer-2, #edb077) !important;
}

.bg--summer-3
{
    background-color: var(--brand-summer-3, #ef9568) !important;
}

.bg--winter-1
{
    background-color: var(--brand-winter-1, #bdd5df) !important;
}

.bg--winter-2
{
    background-color: var(--brand-winter-2, #9ab9c6) !important;
}

.bg--winter-3
{
    background-color: var(--brand-winter-3, #8188a2) !important;
}

/*===============================================================================
BACKGROUND COLORS AND PATTERNS 2026 END
================================================================================*/

/*===============================================================================
BORDER COLORS 2026 START
================================================================================*/
.border--primary-light
{
    border-color: var(--brand-green, #809678) !important
}

.border--primary-dark
{
    border-color: var(--brand-primary-dark, #345b4e) !important;
}

.border--secondary-light
{
    border-color: var(--brand-secondary-light, #fdf9f2) !important;
}

.border--secondary-mid
{
    border-color: var(--brand-secondary-mid, #dfcdae) !important;
}

.border--secondary-dark
{
    border-color: var(--brand-secondary-dark, #3b3a36) !important;
}

.border--spring-1
{
    border-color: var(--brand-spring-1, #c1c186) !important;
}

.border--spring-2
{
    border-color: var(--brand-spring-2, #a5b886) !important;
}

.border--autumn-1
{
    border-color: var(--brand-autumn-1, #e68870) !important;
}

.border--autumn-2
{
    border-color: var(--brand-autumn-2, #d46d53) !important;
}

.border--autumn-3
{
    border-color: var(--brand-autumn-3, #b64b12) !important;
}

.border--summer-1
{
    border-color: var(--brand-summer-1, #e4c384) !important;
}

.border--summer-2
{
    border-color: var(--brand-summer-2, #edb077) !important;
}

.border--summer-3
{
    border-color: var(--brand-summer-3, #ef9568) !important;
}

.border--winter-1
{
    border-color: var(--brand-winter-1, #bdd5df) !important;
}

.border--winter-2
{
    border-color: var(--brand-winter-2, #9ab9c6) !important;
}

.border--winter-3
{
    border-color: var(--brand-winter-3, #8198a2) !important;
}

/*===============================================================================
BORDER COLORS 2026 END
================================================================================*/

.text--primary-light
{
    color: var(--brand-primary-light, #809678) !important;
}

.text--primary-dark
{
    color: var(--brand-primary-dark, #345b4e) !important;
}

.text--secondary-light
{
    color: var(--brand-secondary-light, #fdf9f2) !important;
}

.text--secondary-mid
{
    color: var(--brand-secondary-mid, #dfcdae) !important;
}

.text--secondary-dark
{
    color: var(--brand-secondary-dark, #3b3a36) !important;
}

/*===============================================================================
BUTTONS 2026 START
================================================================================*/


.btn,
button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: capitalize;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    background-image: none;
    font-family: var(--brand-button-font, "Newsreader", Georgia, serif);
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: .03125rem;
    padding: .375rem 1.25rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.btn:focus:not(#hamburger-button),
.btn:focus-visible:not(#hamburger-button),
[class*='btn']:focus,
[class*='btn']:focus-visible,
button:not(.slick-arrow):focus,
button:not(.slick-arrow):focus-visible,
header .shopping-bag:has(a.cart-link:focus),
header .shopping-bag:has(a.car-link:focus-visible),
header a.login-link:focus-visible a:focus,
a:focus-visible
{
    outline: 2px solid var(--brand-secondary-light, #fdf9f2) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px var(--brand-primary-dark, #345b4e) !important;
}

a:hover
{
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.btn--primary-dark,
.btn--primary-dark:visited
{
    background-color: var(--brand-primary-dark, #345b4e) !important;
    color: var(--brand-secondary-light, #fdf9f2) !important;
    border-radius: 50rem !important;
}

.btn--primary-dark:hover,
.btn--primary-dark:active
{
    background-color: var(--brand-secondary-light, #fdf9f2) !important;
    color: var(--brand-primary-dark, #345b4e) !important;
    border-radius: 50rem !important;
}

.btn--primary-dark-bordered,
.btn--primary-dark-bordered:visited
{
    background-color: var(--brand-primary-dark, #345b4e) !important;
    border: 1.5px solid var(--brand-secondary-light, #fdf9f2) !important;
    color: var(--brand-secondary-light, #fdf9f2) !important;
    border-radius: 50rem !important;
}

.btn--primary-dark-bordered:hover,
.btn--primary-dark-bordered:active
{
    background-color: var(--brand-secondary-light, #fdf9f2) !important;
    border: 1.5px solid var(--brand-primary-dark, #345b4e) !important;
    color: var(--brand-primary-dark, #345b4e) !important;
    border-radius: 50rem !important;
}

.btn--secondary-light,
.btn--secondary-light:visited
{
    background-color: var(--brand-secondary-light, #fdf9f2) !important;
    border: 1.5px solid var(--brand-primary-dark, #345b4e) !important;
    color: var(--brand-primary-dark, #345b4e) !important;
    border-radius: 50rem !important;
}

.btn--secondary-light:hover,
.btn--secondary-light:active
{
    background-color: var(--brand-primary-dark, #345b4e) !important;
    border: var(--brand-secondary-light, #fdf9f2) !important;
    color: var(--brand-secondary-light, #fdf9f2) !important;
    border-radius: 50rem !important;
}

.btn--secondary-mid,
.btn--secondary-mid:visited/
{
    background-color: var(--brand-secondary-mid, #dfcdae) !important;
    color: var(--brand-secondary-dark, #3b3a36) !important;
    border-radius: 50rem !important;
}

.btn--secondary-mid:hover,
.btn--secondary-mid:active
{
    background-color: var(--brand-secondary-dark, #3b3a36) !important;
    color: var(--brand-secondary-mid, #dfcdae) !important;
    border-radius: 50rem !important;
}

.btn--winter-1-bordered,
.btn--winter-1-bordered:visited
{
    background-color: var(--brand-winter-1, #bdd5df) !important;
    color: var(--brand-primary-dark, #345b4e) !important;
    border: 1.5px solid var(--brand-primary-dark, #345b4e) !important;
    border-radius: 50rem !important;
}

.btn--winter-1-bordered:hover,
.btn--winter-1-bordered:active
{
    background-color: var(--brand-primary-dark, #345b4e) !important;
    color: var(--brand-winter-1, #bdd5df) !important;
    border: 1.5px solid var(--brand-winter-1, #bdd5df) !important;
    border-radius: 50rem !important;
}

/*===============================================================================
BUTTONS 2026 END
================================================================================*/