vira 28.19.6 → 29.0.0

package/dist/styles/vira-color-theme.d.ts

@@ -0,0 +1,1580 @@
+/**
+ * A color theme from Vira.
+ *
+ * @category Color
+ */
+export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.js").ColorTheme<{
+    readonly 'vira-red-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-orange-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-yellow-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-green-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-teal-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-blue-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-purple-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-pink-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-grey-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+}>;
+/**
+ * Dark mode override for {@link viraTheme}.
+ *
+ * @category Color
+ */
+export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/color-theme-init.js").ColorThemeOverride<{
+    readonly 'vira-red-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-orange-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-yellow-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-yellow-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f7eeca";
+    };
+    readonly 'vira-green-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-green-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f8cf";
+    };
+    readonly 'vira-teal-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-teal-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d4f5f3";
+    };
+    readonly 'vira-blue-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-blue-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#daf2ff";
+    };
+    readonly 'vira-purple-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-purple-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f6eaff";
+    };
+    readonly 'vira-pink-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-grey-foreground-small-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-small-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-non-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-non-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+    readonly 'vira-grey-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eceff0";
+    };
+}>;