const e = {
  background: "var(--background)",
  "background-alt": "var(--background-alt)",
  surface: "var(--surface)",
  "surface-alt": "var(--surface-alt)",
  content: {
    primary: "var(--content-primary)",
    secondary: "var(--content-secondary)",
    brand: "var(--content-brand)",
    inverse: {
      strong: "var(--content-inverse-strong)",
      subtle: "var(--content-inverse-subtle)"
    },
    placeholder: "var(--content-placeholder)"
  },
  divider: {
    strong: "var(--divider-strong)",
    medium: "var(--divider-medium)",
    subtle: "var(--divider-subtle)"
  },
  interaction: {
    main: {
      default: "var(--interaction-main-default)",
      hover: "var(--interaction-main-hover)",
      active: "var(--interaction-main-active)"
    },
    sub: {
      strong: {
        default: "var(--interaction-sub-strong-default)"
      },
      medium: {
        default: "var(--interaction-sub-medium-default)"
      },
      border: {
        default: "var(--interaction-sub-border-default)",
        active: "var(--interaction-sub-border-active)"
      },
      brand: {
        subtle: "var(--interaction-sub-brand-subtle)"
      }
    },
    critical: {
      default: "var(--interaction-critical-default)",
      subtle: {
        default: "var(--interaction-critical-subtle-default)"
      }
    },
    success: {
      default: "var(--interaction-success-default)",
      subtle: {
        default: "var(--interaction-success-subtle-default)"
      }
    },
    warning: {
      default: "var(--interaction-warning-default)",
      subtle: {
        default: "var(--interaction-warning-subtle-default)"
      }
    },
    support: {
      unselected: "var(--support-unselected)",
      selected: "var(--support-selected)",
      prefilled: "var(--support-prefilled)",
      disabled: {
        subtle: "var(--support-disabled-subtle)",
        medium: "var(--support-disabled-medium)",
        strong: "var(--support-disabled-strong)"
      }
    },
    muted: {
      brand: {
        hover: "var(--muted-brand-hover)",
        active: "var(--muted-brand-active)"
      },
      generic: {
        hover: "var(--muted-generic-hover)",
        active: "var(--muted-generic-active)"
      }
    },
    "cp-main": {
      default: "var(--cp-main-default)",
      hover: "var(--cp-main-hover)",
      active: "var(--cp-main-active)"
    }
  },
  text: {
    disabled: {
      strong: "var(--text-disabled-strong)"
    }
  }
};
export {
  e as tokens
};
