:root,body.light{
    --primary-fade:#208783;
    --primary:#006783;
    --on-primary:#ffffff;
    --primary-container:#bde9ff;
    --on-primary-container:#001f2a;
    --secondary:#4d616c;
    --on-secondary:#ffffff;
    --secondary-container:#d0e6f2;
    --on-secondary-container:#081e27;
    --tertiary:#5d5b7d;
    --on-tertiary:#ffffff;
    --tertiary-container:#e3dfff;
    --on-tertiary-container:#191836;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fbfcfe;
    --on-background:#191c1e;
    --surface:#f8f9fb;
    --on-surface:#191c1e;
    --surface-variant:#dce4e9;
    --on-surface-variant:#40484c;
    --outline:#70787d;
    --outline-variant:#c0c8cd;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#2e3132;
    --inverse-on-surface:#eff1f3;
    --inverse-primary:#65d3ff;
    --surface-dim:#d9dadc;
    --surface-bright:#f8f9fb;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f2f4f6;
    --surface-container:#edeef0;
    --surface-container-high:#e7e8ea;
    --surface-container-highest:#e1e2e4;
}

body.dark{
    --primary:#65d3ff;
    --on-primary:#003546;
    --primary-container:#004d64;
    --on-primary-container:#bde9ff;
    --secondary:#b4cad6;
    --on-secondary:#1f333c;
    --secondary-container:#354a53;
    --on-secondary-container:#d0e6f2;
    --tertiary:#c6c2ea;
    --on-tertiary:#2e2d4d;
    --tertiary-container:#454364;
    --on-tertiary-container:#e3dfff;
    --error:#ffb4ab;
    --on-error:#690005;
    --error-container:#93000a;
    --on-error-container:#ffb4ab;
    --background:#191c1e;
    --on-background:#e1e2e4;
    --surface:#111415;
    --on-surface:#e1e2e4;
    --surface-variant:#40484c;
    --on-surface-variant:#c0c8cd;
    --outline:#8a9297;
    --outline-variant:#40484c;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#e1e2e4;
    --inverse-on-surface:#2e3132;
    --inverse-primary:#006783;
    --surface-dim:#111415;
    --surface-bright:#373a3b;
    --surface-container-lowest:#0c0f10;
    --surface-container-low:#191c1e;
    --surface-container:#1d2022;
    --surface-container-high:#272a2c;
    --surface-container-highest:#323537;
}