:host, :root {
    --pico-color-light: #fff;
    --pico-color-dark: #000;

    --pico-color-green-950: #0b1305;
    --pico-color-green-900: #131f07;
    --pico-color-green-850: #152b07;
    --pico-color-green-800: #173806;
    --pico-color-green-750: #1a4405;
    --pico-color-green-700: #205107;
    --pico-color-green-650: #265e09;
    --pico-color-green-600: #2c6c0c;
    --pico-color-green-550: #33790f;
    --pico-color-green-500: #398712;
    --pico-color-green-450: #409614;
    --pico-color-green-400: #47a417;
    --pico-color-green-350: #4eb31b;
    --pico-color-green-300: #55c21e;
    --pico-color-green-250: #5dd121;
    --pico-color-green-200: #62d926;
    --pico-color-green-150: #77ef3d;
    --pico-color-green-100: #95fb62;
    --pico-color-green-50: #d7fbc1;
    --pico-color-green: #398712;

    --pico-color-red-950: #1c0d06;
    --pico-color-red-900: #30130a;
    --pico-color-red-850: #45150c;
    --pico-color-red-800: #5c160d;
    --pico-color-red-750: #72170f;
    --pico-color-red-700: #861d13;
    --pico-color-red-650: #9b2318;
    --pico-color-red-600: #af291d;
    --pico-color-red-550: #c52f21;
    --pico-color-red-500: #d93526;
    --pico-color-red-450: #ee402e;
    --pico-color-red-400: #f06048;
    --pico-color-red-350: #f17961;
    --pico-color-red-300: #f38f79;
    --pico-color-red-250: #f5a390;
    --pico-color-red-200: #f5b7a8;
    --pico-color-red-150: #f6cabf;
    --pico-color-red-100: #f8dcd6;
    --pico-color-red-50: #faeeeb;
    --pico-color-red: #c52f21;
}

.pico-color-green-950 {
    color: var(--pico-color-green-950)
}

.pico-color-green-900 {
    color: var(--pico-color-green-900)
}

.pico-color-green-850 {
    color: var(--pico-color-green-850)
}

.pico-color-green-800 {
    color: var(--pico-color-green-800)
}

.pico-color-green-750 {
    color: var(--pico-color-green-750)
}

.pico-color-green-700 {
    color: var(--pico-color-green-700)
}

.pico-color-green-650 {
    color: var(--pico-color-green-650)
}

.pico-color-green-600 {
    color: var(--pico-color-green-600)
}

.pico-color-green-550 {
    color: var(--pico-color-green-550)
}

.pico-color-green-500 {
    color: var(--pico-color-green-500)
}

.pico-color-green-450 {
    color: var(--pico-color-green-450)
}

.pico-color-green-400 {
    color: var(--pico-color-green-400)
}

.pico-color-green-350 {
    color: var(--pico-color-green-350)
}

.pico-color-green-300 {
    color: var(--pico-color-green-300)
}

.pico-color-green-250 {
    color: var(--pico-color-green-250)
}

.pico-color-green-200 {
    color: var(--pico-color-green-200)
}

.pico-color-green-150 {
    color: var(--pico-color-green-150)
}

.pico-color-green-100 {
    color: var(--pico-color-green-100)
}

.pico-color-green-50 {
    color: var(--pico-color-green-50)
}

.pico-color-green {
    color: var(--pico-color-green)
}

.pico-background-green-900 {
    background-color: var(--pico-color-green-900);
    color: var(--pico-color-light)
}

.pico-background-green-850 {
    background-color: var(--pico-color-green-850);
    color: var(--pico-color-light)
}

.pico-background-green-800 {
    background-color: var(--pico-color-green-800);
    color: var(--pico-color-light)
}

.pico-background-green-750 {
    background-color: var(--pico-color-green-750);
    color: var(--pico-color-light)
}

.pico-background-green-700 {
    background-color: var(--pico-color-green-700);
    color: var(--pico-color-light)
}

.pico-background-green-650 {
    background-color: var(--pico-color-green-650);
    color: var(--pico-color-light)
}

.pico-background-green-600 {
    background-color: var(--pico-color-green-600);
    color: var(--pico-color-light)
}

.pico-background-green-550 {
    background-color: var(--pico-color-green-550);
    color: var(--pico-color-light)
}

.pico-background-green-500 {
    background-color: var(--pico-color-green-500);
    color: var(--pico-color-light)
}

.pico-background-green-450 {
    background-color: var(--pico-color-green-450);
    color: var(--pico-color-light)
}

.pico-background-green-400 {
    background-color: var(--pico-color-green-400);
    color: var(--pico-color-light)
}

.pico-background-green-350 {
    background-color: var(--pico-color-green-350);
    color: var(--pico-color-dark)
}

.pico-background-green-300 {
    background-color: var(--pico-color-green-300);
    color: var(--pico-color-dark)
}

.pico-background-green-250 {
    background-color: var(--pico-color-green-250);
    color: var(--pico-color-dark)
}

.pico-background-green-200 {
    background-color: var(--pico-color-green-200);
    color: var(--pico-color-dark)
}

.pico-background-green-150 {
    background-color: var(--pico-color-green-150);
    color: var(--pico-color-dark)
}

.pico-background-green-100 {
    background-color: var(--pico-color-green-100);
    color: var(--pico-color-dark)
}

.pico-background-green-50 {
    background-color: var(--pico-color-green-50);
    color: var(--pico-color-dark)
}

.pico-background-green {
    background-color: var(--pico-color-green);
    color: var(--pico-color-light)
}

.pico-color-red-950 {
    color: var(--pico-color-red-950)
}

.pico-color-red-900 {
    color: var(--pico-color-red-900)
}

.pico-color-red-850 {
    color: var(--pico-color-red-850)
}

.pico-color-red-800 {
    color: var(--pico-color-red-800)
}

.pico-color-red-750 {
    color: var(--pico-color-red-750)
}

.pico-color-red-700 {
    color: var(--pico-color-red-700)
}

.pico-color-red-650 {
    color: var(--pico-color-red-650)
}

.pico-color-red-600 {
    color: var(--pico-color-red-600)
}

.pico-color-red-550 {
    color: var(--pico-color-red-550)
}

.pico-color-red-500 {
    color: var(--pico-color-red-500)
}

.pico-color-red-450 {
    color: var(--pico-color-red-450)
}

.pico-color-red-400 {
    color: var(--pico-color-red-400)
}

.pico-color-red-350 {
    color: var(--pico-color-red-350)
}

.pico-color-red-300 {
    color: var(--pico-color-red-300)
}

.pico-color-red-250 {
    color: var(--pico-color-red-250)
}

.pico-color-red-200 {
    color: var(--pico-color-red-200)
}

.pico-color-red-150 {
    color: var(--pico-color-red-150)
}

.pico-color-red-100 {
    color: var(--pico-color-red-100)
}

.pico-color-red-50 {
    color: var(--pico-color-red-50)
}

.pico-color-red {
    color: var(--pico-color-red)
}

.pico-background-red-950 {
    background-color: var(--pico-color-red-950);
    color: var(--pico-color-light)
}

.pico-background-red-900 {
    background-color: var(--pico-color-red-900);
    color: var(--pico-color-light)
}

.pico-background-red-850 {
    background-color: var(--pico-color-red-850);
    color: var(--pico-color-light)
}

.pico-background-red-800 {
    background-color: var(--pico-color-red-800);
    color: var(--pico-color-light)
}

.pico-background-red-750 {
    background-color: var(--pico-color-red-750);
    color: var(--pico-color-light)
}

.pico-background-red-700 {
    background-color: var(--pico-color-red-700);
    color: var(--pico-color-light)
}

.pico-background-red-650 {
    background-color: var(--pico-color-red-650);
    color: var(--pico-color-light)
}

.pico-background-red-600 {
    background-color: var(--pico-color-red-600);
    color: var(--pico-color-light)
}

.pico-background-red-550 {
    background-color: var(--pico-color-red-550);
    color: var(--pico-color-light)
}

.pico-background-red-500 {
    background-color: var(--pico-color-red-500);
    color: var(--pico-color-light)
}

.pico-background-red-450 {
    background-color: var(--pico-color-red-450);
    color: var(--pico-color-light)
}

.pico-background-red-400 {
    background-color: var(--pico-color-red-400);
    color: var(--pico-color-dark)
}

.pico-background-red-350 {
    background-color: var(--pico-color-red-350);
    color: var(--pico-color-dark)
}

.pico-background-red-300 {
    background-color: var(--pico-color-red-300);
    color: var(--pico-color-dark)
}

.pico-background-red-250 {
    background-color: var(--pico-color-red-250);
    color: var(--pico-color-dark)
}

.pico-background-red-200 {
    background-color: var(--pico-color-red-200);
    color: var(--pico-color-dark)
}

.pico-background-red-150 {
    background-color: var(--pico-color-red-150);
    color: var(--pico-color-dark)
}

.pico-background-red-100 {
    background-color: var(--pico-color-red-100);
    color: var(--pico-color-dark)
}

.pico-background-red-50 {
    background-color: var(--pico-color-red-50);
    color: var(--pico-color-dark)
}

.pico-background-red {
    background-color: var(--pico-color-red);
    color: var(--pico-color-light)
}