* {
    bg0: {{colors.surface.default.hex}}cc;
    bg1: {{colors.surface_container.default.hex}};
    bg2: {{colors.surface_container_high.default.hex}};
    bg3: {{colors.outline.default.hex}};
    fg0: {{colors.on_surface.default.hex}};
    fg1: {{colors.on_surface_variant.default.hex}};
    fg2: {{colors.outline.default.hex}};
    red: {{colors.error.default.hex}};
    green: {{colors.primary.default.hex}};
    yellow: {{colors.tertiary.default.hex}};
    blue: {{colors.secondary.default.hex}};
    magenta: {{colors.inverse_primary.default.hex}};
    cyan: {{colors.primary_container.default.hex}};
}