@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'SloopScriptPro';
    src: url('../fonts/sloop-script-pro-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Theseasons family (weights and italics) */
@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-reg.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-it.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-lt.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-ltit.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-bd.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theseasons';
    src: url('../fonts/fonnts.com-theseasons-bdit.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --light-pink: #F8C5F6;
    --dusty-pink: #CA8EB6;
    --hard-pink: #FF1167;
    --light-blue: #BFEFE4;
    --dusty-blue: #B0D7CC;
    --hard-blue: #1C98ED;
    --light-peach: #E8B4A3;
    --charcoal: #060A0E;
    --light-charcoal: #1C1F21;
    --hard-yellow: #FFEB38;
    --dusty-charcoal: #182736;
    --hard-white: #FFFFFF;
    --silver: #626C76;
}

body {
    background-color: var(--light-pink);
    color: var(--charcoal);
    font-family: 'Roboto Condensed', Arial, sans-serif;
    margin: 0;
    padding: 0;
}
/* Terms & Conditions page styles */
.site-account {
    padding-bottom: 48px;
}
.account-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 18px;
}
.account-header.dashboard-header {
    padding-top: 45px;
    padding-bottom: 12px;
}
.account-header {
    display: block;
    background: linear-gradient(90deg, rgba(248,197,246,0.12), rgba(232,180,163,0.06));
    border-radius: 10px;
    padding: 22px;
    margin-bottom: 18px;
    border-left: 4px solid var(--hard-pink);
}
.account-kicker {
    color: var(--hard-pink);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 6px 0;
}
.account-header-copy h1 {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 1.9rem;
    margin: 0;
    color: var(--light-charcoal);
    line-height: 1.05;
}
.account-subtitle {
    color: var(--silver);
    margin-top: 6px;
    font-size: 0.95rem;
}
.card.section-card {
    background: var(--hard-white);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(24,39,54,0.06);
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
}
.card.section-card .terms-content {
    padding: 22px;
    color: var(--light-charcoal);
    line-height: 1.65;
    font-size: 1rem;
}
.card.section-card h3 {
    font-size: 1.08rem;
    margin-top: 18px;
    margin-bottom: 8px;
    color: var(--light-charcoal);
}
.card.section-card p {
    margin: 8px 0;
}
.special-char {
    color: var(--hard-pink);
    font-weight: 700;
    display: inline-block;
    width: 1.1em;
    text-align: center;
    margin-right: 8px;
}
.account-header .special-char {
    color: var(--hard-blue);
    font-size: 1.15em;
    transform: translateY(-2px);
    margin: 0 6px;
}
/* Generic header/footer fallback styles, in case includes use common classes */
header, .site-header {
    background: var(--hard-white);
    border-bottom: 1px solid rgba(0,0,0,0.04);
}
footer, .site-footer {
    background: transparent;
    padding: 28px 0;
    color: var(--dusty-charcoal);
    font-size: 0.95rem;
}
.terms-content p {
    padding-left: 4px;
}