:root {
    --palette-colour-0: #78b57a;
    --palette-colour-1: #fb6b4b;
    --palette-colour-2: #ffc05c;
    --palette-colour-3: #a7d7e0;
    --palette-colour-4: #c2d4d7;
    --palette-colour-5: #f79185;
    --palette-colour-6: #cbe9e7;
    --palette-colour-7: #f5b2a6;
    --palette-colour-8: #c7a6c3;
    --palette-colour-9: #f8dae2;
    --palette-colour-10: #f6a9a1;
    --palette-colour-11: #8ac3c6;
    --palette-colour-12: #f8d9cd;
    --palette-colour-13: #f7f7af;
    --palette-colour-14: #f7bdb6;
    --palette-colour-15: #e6c5c2;
    --palette-colour-16: #c5dbc6;
    --palette-colour-17: #e6e2df;
    --palette-colour-18: #f6c8ae;
    --palette-colour-19: #f0dfbe;
    --palette-colour-20: #f7d0b7;
    --palette-colour-21: #b2c9b1;
    --palette-colour-22: #9dd9d6;
    --palette-colour-23: #dba8b5;
    --palette-colour-24: #e4d0dc;
    --palette-colour-25: #f4c2a0;
    --palette-colour-26: #98b2a5;
    --palette-colour-27: #4cc8c8;
    --palette-colour-28: #fae4e9;
    --palette-colour-29: #dcf1f2;
    --palette-colour-30: #c4d4f2;
    --palette-colour-31: #ecf2f3;
    --palette-colour-32: #ede4dc;
}

[palette-colour="0"] { --c: var(--palette-colour-0); }
[palette-colour="1"] { --c: var(--palette-colour-1); }
[palette-colour="2"] { --c: var(--palette-colour-2); }
[palette-colour="3"] { --c: var(--palette-colour-3); }