:root {
    --color-base-code-1: 0, 0, 0;
    --color-base-code-2: 255, 255, 255;
    --color-base-1: rgb(var(--color-base-code-1));
    --color-base-2: rgb(var(--color-base-code-2));

    --color-solid-purple: rgb(153, 102, 255);
    --color-solid-blue: rgb(0, 141, 251);
    --color-solid-green: rgb(0, 169, 68);
    --color-solid-yellow: rgb(221, 207, 0);
    --color-solid-orange: rgb(255, 139, 18);
    --color-solid-red: rgb(255, 87, 67);
    --color-solid-pink: rgb(250, 73, 144);
    --color-solid-brown: rgb(144, 91, 49);
    --color-solid-grey: rgb(140, 139, 148);
    --color-solid-primary: var(--color-solid-purple);

    --color-control-purple: rgb(124, 69, 220);
    --color-control-blue: rgb(0, 111, 200);
    --color-control-green: rgb(0, 134, 52);
    --color-control-yellow: rgb(121, 113, 0);
    --color-control-orange: rgb(166, 87, 0);
    --color-control-red: rgb(203, 30, 14);
    --color-control-pink: rgb(201, 0, 104);
    --color-control-brown: rgb(119, 68, 24);
    --color-control-grey: rgb(110, 109, 118);
    --color-control-achromatic: rgb(77, 77, 77);
    --color-control-primary: var(--color-control-purple);

    --color-ink-on-control: #fff;

    --color-soft-l1-purple: color-mix(in srgb, var(--color-soft-tint-purple) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-blue: color-mix(in srgb, var(--color-soft-tint-blue) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-green: color-mix(in srgb, var(--color-soft-tint-green) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-yellow: color-mix(in srgb, var(--color-soft-tint-yellow) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-orange: color-mix(in srgb, var(--color-soft-tint-orange) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-red: color-mix(in srgb, var(--color-soft-tint-red) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-pink: color-mix(in srgb, var(--color-soft-tint-pink) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-brown: color-mix(in srgb, var(--color-soft-tint-brown) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-grey: color-mix(in srgb, var(--color-soft-tint-grey) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-achromatic: color-mix(in srgb, var(--color-soft-tint-achromatic) var(--color-soft-l1-alpha), transparent);
    --color-soft-l1-primary: color-mix(in srgb, var(--color-soft-tint-primary) var(--color-soft-l1-alpha), transparent);

    --color-soft-l2-purple: color-mix(in srgb, var(--color-soft-tint-purple) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-blue: color-mix(in srgb, var(--color-soft-tint-blue) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-green: color-mix(in srgb, var(--color-soft-tint-green) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-yellow: color-mix(in srgb, var(--color-soft-tint-yellow) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-orange: color-mix(in srgb, var(--color-soft-tint-orange) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-red: color-mix(in srgb, var(--color-soft-tint-red) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-pink: color-mix(in srgb, var(--color-soft-tint-pink) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-brown: color-mix(in srgb, var(--color-soft-tint-brown) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-grey: color-mix(in srgb, var(--color-soft-tint-grey) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-achromatic: color-mix(in srgb, var(--color-soft-tint-achromatic) var(--color-soft-l2-alpha), transparent);
    --color-soft-l2-primary: color-mix(in srgb, var(--color-soft-tint-primary) var(--color-soft-l2-alpha), transparent);

    --color-soft-l3-purple: color-mix(in srgb, var(--color-soft-tint-purple) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-blue: color-mix(in srgb, var(--color-soft-tint-blue) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-green: color-mix(in srgb, var(--color-soft-tint-green) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-yellow: color-mix(in srgb, var(--color-soft-tint-yellow) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-orange: color-mix(in srgb, var(--color-soft-tint-orange) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-red: color-mix(in srgb, var(--color-soft-tint-red) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-pink: color-mix(in srgb, var(--color-soft-tint-pink) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-brown: color-mix(in srgb, var(--color-soft-tint-brown) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-grey: color-mix(in srgb, var(--color-soft-tint-grey) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-achromatic: color-mix(in srgb, var(--color-soft-tint-achromatic) var(--color-soft-l3-alpha), transparent);
    --color-soft-l3-primary: color-mix(in srgb, var(--color-soft-tint-primary) var(--color-soft-l3-alpha), transparent);

    --color-surface-l1-purple: color-mix(in srgb, var(--color-soft-tint-purple) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-blue: color-mix(in srgb, var(--color-soft-tint-blue) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-green: color-mix(in srgb, var(--color-soft-tint-green) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-yellow: color-mix(in srgb, var(--color-soft-tint-yellow) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-orange: color-mix(in srgb, var(--color-soft-tint-orange) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-red: color-mix(in srgb, var(--color-soft-tint-red) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-pink: color-mix(in srgb, var(--color-soft-tint-pink) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-brown: color-mix(in srgb, var(--color-soft-tint-brown) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-grey: color-mix(in srgb, var(--color-soft-tint-grey) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-achromatic: color-mix(in srgb, var(--color-soft-tint-achromatic) var(--color-soft-l2-alpha), var(--color-background));
    --color-surface-l1-primary: color-mix(in srgb, var(--color-soft-tint-primary) var(--color-soft-l2-alpha), var(--color-background));

    --color-surface-l2-purple: color-mix(in srgb, var(--color-soft-tint-purple) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-blue: color-mix(in srgb, var(--color-soft-tint-blue) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-green: color-mix(in srgb, var(--color-soft-tint-green) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-yellow: color-mix(in srgb, var(--color-soft-tint-yellow) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-orange: color-mix(in srgb, var(--color-soft-tint-orange) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-red: color-mix(in srgb, var(--color-soft-tint-red) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-pink: color-mix(in srgb, var(--color-soft-tint-pink) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-brown: color-mix(in srgb, var(--color-soft-tint-brown) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-grey: color-mix(in srgb, var(--color-soft-tint-grey) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-achromatic: color-mix(in srgb, var(--color-soft-tint-achromatic) var(--color-soft-l3-alpha), var(--color-background));
    --color-surface-l2-primary: color-mix(in srgb, var(--color-soft-tint-primary) var(--color-soft-l3-alpha), var(--color-background));
}