body {
    --app-distance-012: 2px;
    --app-distance-025: 4px;
    --app-distance-050: 8px;
    --app-distance-075: 12px;
    --app-distance-100: 16px;
    --app-distance-150: 24px;
    --app-distance-200: 32px;

    /* colors */




    --app-color-almond-3: #a6998f;
    --app-color-almond-4: #c9c1bb;
    --app-color-almond-5: #f1edea;
    --app-color-almond-6: #fffefd;
    --app-color-almond-7: #ffffff;

    --app-color-almond-3a50: #a6998f7f;
    --app-color-almond-4a50: #c9c1bb7f;
    --app-color-almond-5a50: #f1edea7f;
    --app-color-almond-6a50: #fffefd7f;
    --app-color-almond-7a50: #ffffff7f;

    --app-color-apple-core-3: #9b7c52;
    --app-color-apple-core-4: #ba9f7a;
    --app-color-apple-core-5: #dcc7aa;
    --app-color-apple-core-6: #fff2df;
    --app-color-apple-core-7: #fffaf3;

    --app-color-afternoon-skyblue-3: #062e69;
    --app-color-afternoon-skyblue-4: #0a3c85;
    --app-color-afternoon-skyblue-5: #0e4ead;
    --app-color-afternoon-skyblue-6: #3065b4;
    --app-color-afternoon-skyblue-7: #527fc1;
    --app-color-afternoon-skyblue-7a50: #527fc17f;
    --app-color-afternoon-skyblue-7a25: #527fc13F;

    --app-color-primary-9: #e7f0fd;
    --app-color-primary-8: #b8d2f9;
    --app-color-primary-7: #89b5f5;
    --app-color-primary-6: #5a97f2;
    --app-color-primary-5: #2b79ee;
    --app-color-primary-4: #1160d4;
    --app-color-primary-3: #0d4aa5;
    --app-color-primary-2: #0a3576;
    --app-color-primary-1: #062047;
    --app-color-primary-0: #020b18;

    /* https://mdigi.tools/color-shades/#393d40 */
    --app-color-white: #ffffff;
    --app-color-grey-9: #f2f2f3;
    --app-color-grey-8: #d7d9db;
    --app-color-grey-7: #bcc0c3;
    --app-color-grey-6: #a1a6ab;
    --app-color-grey-5: #868d93;
    --app-color-grey-4: #6c7479;
    --app-color-grey-3: #545a5e;
    --app-color-grey-2: #3c4043;
    --app-color-grey-1: #242728;
    --app-color-grey-0: #0c0d0d;
    --app-color-black: #000000;

    /* https://mdigi.tools/color-shades/#393d40 */
    --app-color-success-9: #f3fde8;
    --app-color-success-8: #daf8b9;
    --app-color-success-7: #c1f38b;
    --app-color-success-6: #a8ef5d;
    --app-color-success-5: #8fea2e;
    --app-color-success-4: #75d115;
    --app-color-success-3: #5ba210;
    --app-color-success-2: #41740c;
    --app-color-success-1: #274607;
    --app-color-success-0: #0d1702;

    --app-color-warning-9: #fff9e5;
    --app-color-warning-8: #ffedb3;
    --app-color-warning-7: #ffe280;
    --app-color-warning-6: #ffd64d;
    --app-color-warning-5: #ffca1a;
    --app-color-warning-4: #e6b000;
    --app-color-warning-3: #b38900;
    --app-color-warning-2: #806200;
    --app-color-warning-1: #4d3b00;
    --app-color-warning-0: #1a1400;

    --app-color-kingly-3: #361041;
    --app-color-kingly-4: #4a2155;
    --app-color-kingly-5: #5e3669;
    --app-color-kingly-6: #744f7f;
    --app-color-kingly-7: #92759b;

    --app-color-kingly-3a50: #3610417f;
    --app-color-kingly-4a50: #4a21557f;
    --app-color-kingly-5a50: #5e36697f;
    --app-color-kingly-6a50: #744f7f7f;
    --app-color-kingly-7a50: #92759b7f;

    --app-color-slate-3: #10161b;
    --app-color-slate-4: #151719;
    --app-color-slate-45: #272a2d;
    --app-color-slate-5: #393d40;
    --app-color-slate-6: #555a5e;
    --app-color-slate-7: #73787c;
    --app-color-slate-8: #919497;
    --app-color-slate-9: #c4c5c6;

    --app-color-slate-3a50: #10161b7f;
    --app-color-slate-4a50: #1517197f;
    --app-color-slate-5a50: #393d407f;
    --app-color-slate-6a50: #555a5e7f;
    --app-color-slate-7a50: #73787c7f;
    --app-color-slate-8a50: #9194977f;
    --app-color-slate-9a50: #c4c5c67f;

    --app-color-dandelion-3: #af8700;
    --app-color-dandelion-4: #e0ad04;
    --app-color-dandelion-5: #ffce2b;
    --app-color-dandelion-6: #ffd752;
    --app-color-dandelion-7: #ffe17c;

    --app-color-dandelion-3a25: #af87003f;
    --app-color-dandelion-4a25: #e0ad043f;
    --app-color-dandelion-5a25: #ffce2b3f;
    --app-color-dandelion-6a25: #ffd7523f;
    --app-color-dandelion-7a25: #ffe17c3f;

    --app-color-dandelion-3a50: #af87007f;
    --app-color-dandelion-4a50: #e0ad047f;
    --app-color-dandelion-5a50: #ffce2b7f;
    --app-color-dandelion-6a50: #ffd7527f;
    --app-color-dandelion-7a50: #ffe17c7f;

    --app-color-scintillation-3: #7c0009;
    --app-color-scintillation-4: #a30a16;
    --app-color-scintillation-5: #c91b28;
    --app-color-scintillation-6: #df424e;
    --app-color-scintillation-7: #f96f79;
}