:root {
    --transition-counter-bg: #E8D9C4;
    --counter-bg: #F3E6D2;
    --counter-color: #4B3428;
    --counter-radius: 5px;
    --counter-line-bg: #E8D9C4;
    --counter-line-size: 0.1px;
    --invitation-bg : #9F3430;
    --invitation-bg-light: #F5F8FF;
    --text-primary: #9F3430;
    --text-primary-hover: #773123;
    --text-secondary: #311C09;
    --bs-primary: #311C09;
    --bs-primary-hover: #2571BC;
    --bg-primary: #2571BC;
    --bg-primary-dark: #2571BC;
    --bs-primary-light: #311C09;
    --bg-secondary: #311C09;
    --bs-secondary: #311C09;
    --bs-secondary-hover: #311C09;
    --bs-secondary-light: #E8D9C4;
    --bs-text-light: #E8D9C4;
    --tone-color-1: #0B4550;
    --tone-color-2: #F1F1F2;
    --tone-color-3: #9F3430;
    --tone-color-4: #2571BC;
    --tone-color-5: #EDE0CA;
    --tone-color-6: #EFE1CB;
    --tone-color-7: #2F6570;
    --tone-color-8: #DEC39C;
    --tone-color-9: #FFF4E2;
}