:root {
    --yuki-transparent: rgba(0, 0, 0, 0);
    --yuki-light-primary-color: #c4403b;
    --yuki-light-primary-active: #af1d2c;
    --yuki-light-accent-color: #212a33;
    --yuki-light-accent-active: #17212a;
    --yuki-light-base-color: #ffffff;
    --yuki-light-base-100: #f8f9f8;
    --yuki-light-base-200: #e0e2e0;
    --yuki-light-base-300: #c5c6c5;
    --yuki-dark-primary-color: #c4403b;
    --yuki-dark-primary-active: #af1d2c;
    --yuki-dark-accent-color: #a3a9a3;
    --yuki-dark-accent-active: #f3f4f6;
    --yuki-dark-base-color: #17212a;
    --yuki-dark-base-100: #212a33;
    --yuki-dark-base-200: #2f2f2f;
    --yuki-dark-base-300: #3f463f;
    --yuki-content-base-color: var(--yuki-accent-color);
    --yuki-headings-color: var(--yuki-accent-active);
}