:root {
    --postids-border-radius-lg: 2.75rem;
    --postids-border-radius-md: 1.5rem;
    --postids-border-radius-sm: 1rem;
    --postids-border-radius-xs: 0.5rem;
    --postids-border-radius-xxs: 0.25rem;

    --postids-breakpoint-lg: 48em;
    --postids-breakpoint-md: 30em;
    --postids-breakpoint-sm: 23.4375em;
    --postids-breakpoint-xl: 64em;
    --postids-breakpoint-xs: 20em;
    --postids-breakpoint-xxl: 80em;
    --postids-breakpoint-xxxl: 100em;

    --postids-color-black: #000000;
    --postids-color-blue-1: #e5eef9;
    --postids-color-blue-10: #98bee6;
    --postids-color-blue-20: #669ed9;
    --postids-color-blue-30: #4c8ed3;
    --postids-color-blue-40: #327dcc;
    --postids-color-blue-5: #cbdef2;
    --postids-color-blue-50: #005dc0;
    --postids-color-blue-60: #0044a3;
    --postids-color-blue-70: #003784;
    --postids-color-blue-80: #002a65;
    --postids-color-blue-90: #001d46;
    --postids-color-blue-95: #001027;
    --postids-color-blue-99: #000814;
    --postids-color-brand-bright-yellow: #ffc226;
    --postids-color-brand-cardboard: #d9bfad;
    --postids-color-brand-forest: #38572b;
    --postids-color-brand-muted-yellow: #f7cc7a;
    --postids-color-brand-peach: #ffa894;
    --postids-color-brand-petrol: #29545c;
    --postids-color-brand-pink: #edbdbd;
    --postids-color-brand-purple: #5c2952;
    --postids-color-brand-red: #7d2332;
    --postids-color-brand-sky: #a4dedf;
    --postids-color-brown-10: #fbf6f1;
    --postids-color-brown-20: #f8ede3;
    --postids-color-brown-30: #f4e4d4;
    --postids-color-brown-40: #f1dbc6;
    --postids-color-brown-50: #edd1b8;
    --postids-color-brown-60: #dca471;
    --postids-color-brown-70: #d5945d;
    --postids-color-brown-80: #8a6444;
    --postids-color-gray-1: #fafafa;
    --postids-color-gray-10: #e5e5e5;
    --postids-color-gray-20: #d0d1d3;
    --postids-color-gray-30: #b5b8ba;
    --postids-color-gray-40: #9b9ea1;
    --postids-color-gray-5: #f2f2f2;
    --postids-color-gray-50: #818589;
    --postids-color-gray-60: #686c6f;
    --postids-color-gray-70: #47494b;
    --postids-color-gray-80: #393b3c;
    --postids-color-gray-90: #2a2b2d;
    --postids-color-gray-95: #252727;
    --postids-color-gray-99: #212121;
    --postids-color-green-1: #f6fbf6;
    --postids-color-green-10: #daeedb;
    --postids-color-green-20: #c8e5c9;
    --postids-color-green-30: #b6dcb7;
    --postids-color-green-40: #a3d3a5;
    --postids-color-green-5: #edf7ed;
    --postids-color-green-50: #92cd95;
    --postids-color-green-60: #6db970;
    --postids-color-green-70: #48a84c;
    --postids-color-green-80: #00813b;
    --postids-color-green-90: #006b31;
    --postids-color-green-95: #00612c;
    --postids-color-green-99: #004d23;
    --postids-color-posti-orange-1: #fff2e5;
    --postids-color-posti-orange-10: #ffcc99;
    --postids-color-posti-orange-20: #ffc080;
    --postids-color-posti-orange-30: #ffb366;
    --postids-color-posti-orange-40: #ff9933;
    --postids-color-posti-orange-5: #ffe6cc;
    --postids-color-posti-orange-50: #ff8000;
    --postids-color-posti-orange-60: #e87500;
    --postids-color-posti-orange-70: #b85c00;
    --postids-color-posti-orange-80: #8a4500;
    --postids-color-posti-orange-90: #613100;
    --postids-color-posti-orange-95: #3d1f00;
    --postids-color-posti-orange-99: #1f1000;
    --postids-color-red-1: #fae8e5;
    --postids-color-red-10: #efb6ab;
    --postids-color-red-20: #e89586;
    --postids-color-red-30: #e07561;
    --postids-color-red-40: #d9543c;
    --postids-color-red-5: #f6d6d1;
    --postids-color-red-50: #d23417;
    --postids-color-red-60: #b02c13;
    --postids-color-red-70: #8f2310;
    --postids-color-red-80: #6d1b0c;
    --postids-color-red-90: #4c1308;
    --postids-color-red-95: #2a0a05;
    --postids-color-red-99: #1b0703;
    --postids-color-transparent-black-50: rgba(0, 0, 0, 0.5);
    --postids-color-warm-gray: #9e9186;
    --postids-color-white: #ffffff;
    --postids-color-yellow-1: #fef9ec;
    --postids-color-yellow-10: #fbe9b5;
    --postids-color-yellow-20: #f9e094;
    --postids-color-yellow-30: #f8d673;
    --postids-color-yellow-40: #f6cd52;
    --postids-color-yellow-5: #fdf3d6;
    --postids-color-yellow-50: #f4c331;
    --postids-color-yellow-60: #cda429;
    --postids-color-yellow-70: #a68521;
    --postids-color-yellow-80: #7f6519;
    --postids-color-yellow-90: #584612;
    --postids-color-yellow-95: #31270a;
    --postids-color-yellow-99: #221b07;

    --postids-smartposti-color-blue-01: #e5eef9;
    --postids-smartposti-color-blue-05: #cbdef2;
    --postids-smartposti-color-blue-10: #98bee6;
    --postids-smartposti-color-blue-15: #7faedf;
    --postids-smartposti-color-blue-20: #669ed9;
    --postids-smartposti-color-blue-30: #4c8ed3;
    --postids-smartposti-color-blue-40: #327dcc;
    --postids-smartposti-color-blue-50: #005dc0;
    --postids-smartposti-color-blue-60: #0044a3;
    --postids-smartposti-color-blue-70: #003784;
    --postids-smartposti-color-blue-80: #002a65;
    --postids-smartposti-color-blue-90: #001d46;
    --postids-smartposti-color-blue-95: #001027;
    --postids-smartposti-color-blue-99: #000814;

    --postids-font-family-posti: 'Posti Font', sans-serif;

    --postids-font-size-body-1: 1.5rem;
    --postids-font-size-body-2: 1.375rem;
    --postids-font-size-body-3: 1.1875rem;
    --postids-font-size-body-4: 1rem;
    --postids-font-size-body-5: 0.875rem;
    --postids-font-size-headline-1: 5rem;
    --postids-font-size-headline-2: 3rem;
    --postids-font-size-headline-3: 2.5rem;
    --postids-font-size-headline-4: 2.25rem;
    --postids-font-size-headline-5: 2rem;
    --postids-font-size-headline-6: 1.75rem;
    --postids-font-size-headline-7: 1.5rem;
    --postids-font-size-headline-8: 1.375rem;
    --postids-font-size-headline-9: 1.1875rem;
    --postids-font-size-label-1: 1.5rem;
    --postids-font-size-label-2: 1.375rem;
    --postids-font-size-label-3: 1.1875rem;
    --postids-font-size-label-4: 1rem;
    --postids-font-size-label-5: 0.875rem;
    --postids-font-size-label-6: 0.8125rem;
    --postids-font-size-label-7: 0.625rem;

    --postids-font-weight-bold: 700;
    --postids-font-weight-medium: 500;
    --postids-font-weight-regular: 400;
    --postids-font-weight-ultra-bold: 800;

    --postids-line-height-body: 1.5;
    --postids-line-height-headline: 1.2;
    --postids-line-height-label: 1;

    --postids-spacing-0: 0rem;
    --postids-spacing-05: 0.125rem;
    --postids-spacing-1: 0.25rem;
    --postids-spacing-10: 2.5rem;
    --postids-spacing-12: 3rem;
    --postids-spacing-14: 3.5rem;
    --postids-spacing-16: 4rem;
    --postids-spacing-18: 4.5rem;
    --postids-spacing-2: 0.5rem;
    --postids-spacing-20: 5rem;
    --postids-spacing-22: 5.5rem;
    --postids-spacing-24: 6rem;
    --postids-spacing-26: 6.5rem;
    --postids-spacing-28: 7rem;
    --postids-spacing-3: 0.75rem;
    --postids-spacing-30: 7.5rem;
    --postids-spacing-32: 8rem;
    --postids-spacing-4: 1rem;
    --postids-spacing-5: 1.25rem;
    --postids-spacing-6: 1.5rem;
    --postids-spacing-7: 1.75rem;
    --postids-spacing-8: 2rem;
    --postids-spacing-9: 2.25rem;

    --postids-z-index-0: 0;
    --postids-z-index-10: 10;
    --postids-z-index-100: 100;
    --postids-z-index-1000: 1000;
    --postids-z-index-101: 101;
    --postids-z-index-2: 2;
    --postids-z-index-3: 3;
    --postids-z-index-99: 99;
    --postids-z-index-default: 1;
    --postids-z-index-invisible: -1;
    --postids-z-index-top: 10000;
  }