import "./chunks/chunk.QU3DSPNU.js";
import { css, unsafeCSS } from "lit";
import base from "./tokens/variables.base.css.js";
import colorsDark from "./tokens/variables.dark.css.js";
import colorsLight from "./tokens/variables.light.css.js";
import shadows from "./tokens/variables.shadows.css.js";
import { GlobalStylesRegistry } from "./utils/global-styles.js";
const tokens = [
  css`
    :host {
      ${unsafeCSS(base)}
      ${unsafeCSS(shadows)}
    }
  `
];
GlobalStylesRegistry.instance.injectGlobalStyles(
  "root-tokens",
  css`
    :root {
      ${unsafeCSS(base)}
      ${unsafeCSS(shadows)}
    }
    :root:not([gds-theme]),
    :root[gds-theme='light'] {
      ${unsafeCSS(colorsLight)}
    }
    :root[gds-theme='dark'] {
      ${unsafeCSS(colorsDark)}
    }
    :root[gds-theme='auto'] {
      @media (prefers-color-scheme: dark) {
        ${unsafeCSS(colorsDark)}
      }
      @media (prefers-color-scheme: light) {
        ${unsafeCSS(colorsLight)}
      }
    }
  `
);
export {
  colorsDark,
  colorsLight,
  tokens
};
