html body {
--font-title-1: 48px helvetica,sans-serif;
--color-title-1: 42, 66, 87;
--font-title-2: 36px helvetica,sans-serif;
--color-title-2: 0, 0, 0;
--font-title-3: 28px helvetica,sans-serif;
--color-title-3: 0, 0, 0;
--font-title-4: 24px helvetica,sans-serif;
--color-title-4: 0, 0, 0;
--font-title-5: 20px helvetica,sans-serif;
--color-title-5: 0, 0, 0;
--font-title-6: 16px helvetica,sans-serif;
--color-title-6: 0, 0, 0;
--font-text-1: 16px helvetica,sans-serif;
--color-text-1: 0, 0, 0;
--font-text-2: 15px helvetica,sans-serif;
--color-text-2: 0, 0, 0;
--font-text-3: 14px helvetica,sans-serif;
--color-text-3: 0, 0, 0;
--color-basic-variant-1: 255, 255, 255;
--color-basic-variant-2: 212, 212, 212;
--color-basic-variant-3: 144, 144, 144;
--color-basic-variant-4: 96, 96, 96;
--color-basic-variant-5: 0, 0, 0;
--color-primary-variant-1: 246, 251, 255;
--color-primary-variant-2: 117, 143, 165;
--color-primary-variant-3: 75, 118, 156;
--color-primary-variant-4: 59, 92, 121;
--color-primary-variant-5: 42, 66, 87;
--color-warning-variant-1: 227, 150, 150;
--color-warning-variant-2: 232, 94, 94;
--color-warning-variant-3: 230, 45, 45;
--color-warning-variant-4: 195, 29, 29;
--color-warning-variant-5: 151, 22, 22;
--color-accent-variant-1: 241, 238, 167;
--color-accent-variant-2: 228, 222, 123;
--color-accent-variant-3: 214, 204, 17;
--color-accent-variant-4: 143, 136, 11;
--color-accent-variant-5: 71, 68, 6;
--color-success-variant-1: 178, 224, 187;
--color-success-variant-2: 134, 192, 145;
--color-success-variant-3: 63, 161, 82;
--color-success-variant-4: 42, 107, 55;
--color-success-variant-5: 21, 54, 27;
--color-other-color-0: 42, 66, 87;
--color-other-color-1: 230, 45, 45;
--color-other-color-2: 42, 66, 87;
--color-other-color-3: 255, 255, 255;
--color-other-color-4: 255, 255, 255;
--color-other-color-5: 255, 255, 255;
--color-other-color-6: 255, 255, 255;
--color-other-color-7: 255, 255, 255;
--color-other-color-8: 255, 255, 255;
--color-other-color-9: 45, 72, 102;
}