:root,
body.light {
--primary:#bc004b;
--on-primary:#ffffff;
--primary-container:#ffd9de;
--on-primary-container:#400014;
--secondary:#75565b;
--on-secondary:#ffffff;
--secondary-container:#ffd9de;
--on-secondary-container:#2c1519;
--tertiary:#795831;
--on-tertiary:#ffffff;
--tertiary-container:#ffddba;
--on-tertiary-container:#2b1700;
--error:#ba1a1a;
--on-error:#ffffff;
--error-container:#ffdad6;
--on-error-container:#410002;
--background:#fffbff;
--on-background:#201a1b;
--surface:#fff8f7;
--on-surface:#201a1b;
--surface-variant:#f3dddf;
--on-surface-variant:#524345;
--outline:#847375;
--outline-variant:#d6c2c3;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#362f2f;
--inverse-on-surface:#fbeeee;
--inverse-primary:#ffb2be;
--surface-dim:#e3d7d8;
--surface-bright:#fff8f7;
--surface-container-lowest:#ffffff;
--surface-container-low:#fdf1f1;
--surface-container:#f8ebeb;
--surface-container-high:#f2e5e6;
--surface-container-highest:#ece0e0;
}

body.dark {
   --primary:#ffb2be;
--on-primary:#660025;
--primary-container:#900038;
--on-primary-container:#ffd9de;
--secondary:#e5bdc2;
--on-secondary:#43292d;
--secondary-container:#5c3f43;
--on-secondary-container:#ffd9de;
--tertiary:#ebbf90;
--on-tertiary:#452b08;
--tertiary-container:#5f411c;
--on-tertiary-container:#ffddba;
--error:#ffb4ab;
--on-error:#690005;
--error-container:#93000a;
--on-error-container:#ffb4ab;
--background:#201a1b;
--on-background:#ece0e0;
--surface:#181213;
--on-surface:#ece0e0;
--surface-variant:#524345;
--on-surface-variant:#d6c2c3;
--outline:#9f8c8e;
--outline-variant:#524345;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#ece0e0;
--inverse-on-surface:#362f2f;
--inverse-primary:#bc004b;
--surface-dim:#181213;
--surface-bright:#3f3738;
--surface-container-lowest:#120d0d;
--surface-container-low:#201a1b;
--surface-container:#241e1f;
--surface-container-high:#2f2829;
--surface-container-highest:#3a3334;
}

.loading-indicator
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}